/* AIFlasher Learning Center v3 — isolated CSS, modeled on user-supplied live assets/css/styles.css and mobile homepage screenshot. */
:root{color-scheme:dark;--bg:#050505;--bg2:#0a0a0a;--panel:#0f0f10;--panel2:#151515;--text:#f5f5f5;--muted:#ababaf;--line:#2a2a2d;--gold:#d4af37;--gold2:#ffd45a;--silver:#d7d9dc;--radius:14px;--max:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:linear-gradient(180deg,#040404,#090807 26%,#050505 65%);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
a{color:var(--gold2);text-decoration:none}
a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
img{max-width:100%;height:auto}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-weight:800}p{margin:.65rem 0 1.15rem}small{font-size:.8rem}.container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:12px;top:8px;background:var(--gold);color:#000;padding:8px 12px;z-index:99}
/* 1-to-1 homepage brand vocabulary: emblem, black toolbar, menu, two gold/black contact actions */
.topbar{position:relative;background:#050505;border-bottom:1px solid #242424;z-index:30}
.topbar-inner{min-height:76px;display:flex;align-items:center;gap:20px;padding-block:10px}
.topbar .brand{display:flex;align-items:center;gap:13px;color:#fff;white-space:nowrap;text-decoration:none}
.topbar .brand img{height:54px;width:54px;object-fit:contain}
.topbar .brand strong{font-size:clamp(1.06rem,2vw,1.35rem);font-weight:800;letter-spacing:-.02em}
.primary-nav{display:flex;flex-wrap:wrap;margin-left:auto;justify-content:flex-end;gap:3px}
.primary-nav a{display:inline-flex;align-items:center;color:#d1d1d4;font-size:.80rem;padding:9px 10px;border-radius:9px;min-height:44px}
.primary-nav a:hover,.primary-nav a.active-nav{color:var(--gold2);background:#17130b;text-decoration:none}
.mobile-menu{display:none;margin-left:auto;position:relative}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:78px;cursor:pointer;list-style:none;border:1px solid #333;border-radius:12px;background:#101011;color:#fff;font-weight:500;padding:9px 17px;font-size:1rem}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:calc(100% + 9px);width:min(315px,calc(100vw - 36px));display:flex;flex-direction:column;background:#121212;border:1px solid #4a3b1b;border-radius:12px;padding:7px;max-height:70vh;overflow:auto;box-shadow:0 18px 50px #000c}
.mobile-menu nav a{display:block;padding:11px 14px;color:#eee;border-radius:8px;font-size:.93rem}
.mobile-menu nav a:hover,.mobile-menu nav a.active-nav{background:#302510;color:#ffe39b;text-decoration:none}
.mobile-contact-strip{display:none}
/* Main */
main{max-width:var(--max);margin:auto;padding:0 18px 64px}
.hero{display:grid;grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);gap:clamp(14px,5vw,56px);align-items:center;padding:48px 0 42px;position:relative;border-bottom:1px solid #34280e;background:radial-gradient(ellipse at 22% 45%,rgba(125,80,0,.11),transparent 64%),linear-gradient(110deg,rgba(41,26,0,.14),transparent)}
.hero::before{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.016) 79px,transparent 80px);opacity:.55}
.hero-visual,.hero-copy{position:relative;min-width:0}
.hero-visual{display:grid;place-items:center}
.hero-visual img{width:min(100%,315px);filter:drop-shadow(0 18px 22px #0009);object-fit:contain}
.eyebrow{display:block;color:var(--gold);font-weight:850;letter-spacing:.15em;text-transform:uppercase;font-size:clamp(.75rem,1.4vw,.87rem)}
.hero h1,.article-title{font-weight:850;line-height:1.07;letter-spacing:-.048em;font-size:clamp(2.2rem,4.4vw,4.1rem);margin:18px 0 25px}
.hero h1::after{content:"";display:block;width:78px;height:4px;background:var(--gold);margin-top:22px;border-radius:1px}
.hero p,.lead{color:#b9b9bd;font-size:clamp(1rem,1.45vw,1.13rem);line-height:1.75;max-width:750px}
.hero p[lang=hi]{color:#d0c4a8}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}
.pill{border:1px solid #5e4c23;border-radius:8px;background:#161105;color:#edc766;padding:7px 12px;font-size:.81rem;font-weight:700}
.panel,.side-panel .panel{background:linear-gradient(180deg,#111110,#0b0b0b);border:1px solid #353028;border-radius:var(--radius);padding:22px;margin:16px 0;box-shadow:0 10px 25px #0004}
.panel>strong{color:var(--gold2)}.panel h2{font-size:1.3rem;margin:.1rem 0 .75rem}.panel p{color:#b9b9bd}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;padding:15px 0 30px}
.section-heading{margin:36px 0 20px;font-size:clamp(1.4rem,2.3vw,1.9rem);color:#fff}
.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:15px 0}
.filters label{font-size:.8rem;color:#ddd;font-weight:750}
input[type=search],input[type=text],textarea,select{display:block;max-width:100%;font:inherit;color:#f6f6f6;background:#111;border:1px solid #45413b;border-radius:9px;padding:11px 13px;min-height:47px}
.filters input{width:min(360px,100%)}.filters select{width:min(200px,100%)}input::placeholder,textarea::placeholder{color:#999}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:linear-gradient(180deg,#121212,#0a0a0a);border:1px solid #2d2b29;border-radius:15px;padding:21px;display:flex;flex-direction:column;gap:7px;min-height:190px;position:relative}
.card::before{content:"";position:absolute;left:20px;top:0;height:2px;width:70px;background:var(--gold)}
.card:hover{border-color:#735b20;background:#161308}
.card h2,.card h3{margin:7px 0 6px;line-height:1.25;font-size:1.15rem}
.card a.main-link{color:#f4f4f5;font-weight:800}.card a.main-link:hover{color:var(--gold2)}
.card .meta,.card .foot{font-size:.78rem;letter-spacing:.03em}.card .meta{color:#edbc4b;font-weight:800;text-transform:uppercase}
.card p{color:#b5b5b9;line-height:1.65;font-size:.93rem;margin:0}.card .foot{margin-top:auto;color:#a79b85}
.aside-link{display:block;padding:10px 0;border-bottom:1px solid #302b20;font-weight:700;color:#edd18f;font-size:.91rem}
.aside-link:hover{color:#fff}.small,#card-count{font-size:.86rem;color:#aaa}
/* Article pages, printable worksheet */
.article-container,.worksheet{max-width:980px;margin:auto;padding:32px 18px 56px}
.breadcrumbs{color:#b9ad91;margin:0 0 22px;font-size:.88rem}
.article{color:#e3e3e3}.article h2{font-size:clamp(1.4rem,2.5vw,1.85rem);color:#fff;margin:36px 0 15px}.article h3{font-size:1.16rem;color:#f6d386}
.article section{border-bottom:1px solid #2d2922;padding:2px 0 18px}.article p,.article li{color:#c4c4c5;line-height:1.8}
.article ul,.article ol{padding-left:1.5rem}
.notice{margin:21px 0;padding:15px 17px;background:#231a0b;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;color:#f1d6a2}
.notice.info,.info{border-left-color:#5bbaa4;background:#0b2925;color:#c5e8dc}
.scroll-table{overflow:auto;border-radius:8px;border:1px solid #333}table{border-collapse:collapse;width:100%;min-width:590px}th,td{border-bottom:1px solid #34302a;padding:11px 12px;text-align:left;vertical-align:top}th{color:#f5d18a;background:#231b0c}td{color:#d7d7d7}tr:nth-child(even) td{background:#111}
code{background:#252116;border:1px solid #514127;padding:2px 6px;border-radius:5px;color:#ffe1a0;font-family:ui-monospace,Consolas,monospace}
button,.button{background:var(--gold);border:1px solid var(--gold);color:#141006;cursor:pointer;border-radius:9px;font:inherit;font-weight:800;padding:11px 16px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
button:hover,.button:hover{background:#ffcc53;text-decoration:none;color:#141006}
button.secondary{color:#fff;background:#171717;border-color:#454545}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:block;color:#f2e0af;font-size:.88rem;font-weight:650}.form-grid input,.form-grid textarea{width:100%;margin-top:8px}.form-grid textarea{min-height:108px}.full{grid-column:1/-1}.checklist label{display:block;padding:8px 0}.checklist input{margin-right:8px}
.site-footer{border-top:1px solid #493712;background:linear-gradient(180deg,#070707,#030303);color:#ddd}
.footer-inner{padding:30px 0;display:grid;grid-template-columns:1fr auto;gap:16px 30px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand strong{display:block;font-size:1rem}.footer-brand p{font-size:.78rem;margin:2px 0;color:#b2b2b2}
.footer-inner nav{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.footer-inner nav a{font-size:.83rem}.footer-note{grid-column:1/-1;font-size:.81rem;color:#a9a9a9;margin:0}
[hidden]{display:none!important}
@media(max-width:1150px){.primary-nav{display:none}.mobile-menu{display:block}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:10px;padding:27px 0 26px}.hero-visual img{width:min(260px,58vw)}.hero h1{font-size:clamp(2.15rem,7vw,3.4rem)}.layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}}
@media(max-width:760px){.topbar-inner{min-height:78px}.topbar .brand img{width:50px;height:50px}.topbar .brand strong{font-size:1.15rem}.mobile-contact-strip{display:flex;gap:8px;margin:auto;padding:10px 0 12px}.mobile-contact-strip a{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #494949;border-radius:9px;text-decoration:none;font-size:.88rem;font-weight:800}.mobile-contact-strip .call{background:#080808;color:#f7f7f7}.mobile-contact-strip .wa{background:var(--gold);border-color:#b99732;color:#080808}.mobile-contact-strip a:hover{text-decoration:none}.hero-visual img{width:min(240px,64vw)}.cards{grid-template-columns:1fr}.card{min-height:0}.hero p{font-size:1.03rem}.pills{gap:8px}.pill{font-size:.76rem}.filters{display:grid;grid-template-columns:1fr}.filters input,.filters select{width:100%}.form-grid{grid-template-columns:1fr}.footer-inner nav{gap:12px}}
@media(max-width:380px){.topbar .brand{gap:8px}.topbar .brand img{width:43px;height:43px}.topbar .brand strong{font-size:1.02rem}.mobile-menu summary{min-width:67px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{html,body{background:#fff!important;color:#111!important;font-size:11pt}.topbar,.site-footer,.print-hide,.filters,.side-panel{display:none!important}main,.article-container,.worksheet{width:100%;max-width:none;padding:0}.hero{display:block;background:#fff;page-break-after:avoid}.hero-visual{display:none}.hero h1,.article-title,.article h2,.article h3{color:#000}.article p,.article li,.small,.lead,.panel p{color:#222!important}.card,.panel{border:1px solid #888;background:#fff;color:#111;box-shadow:none}.card h3 a,.card p,.card .meta,.card .foot{color:#111!important}.notice{background:#fff;color:#111;border:1px solid #777}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input[type=text],textarea{color:#111!important;border:1px solid #999;background:#fff!important}a{color:#000}}