:root{--navy:#07121f;--cyan:#71ead7;--yellow:#ffc857;--ink:#edf5f7;--muted:#8da1ad;--line:rgba(173,211,226,.14);--canvas:#081522;--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--body);line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(154,210,232,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(154,210,232,.05) 1px,transparent 1px);background-size:72px 72px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px;background:rgba(5,15,26,.94);border-right:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:#fff;font:700 16px var(--display);letter-spacing:1.8px;text-decoration:none}.brand-mark{width:12px;height:12px;border-radius:2px;background:var(--yellow);box-shadow:0 0 0 5px rgba(255,200,87,.12)}.sidebar-label{margin:58px 14px 13px;color:#688194;font:10px var(--mono);letter-spacing:1.8px;text-transform:uppercase}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid transparent;border-radius:5px;color:#91a8b7;font-size:13px;text-decoration:none}.side-nav a:hover,.side-nav a.active{background:rgba(99,179,255,.1);border-color:rgba(99,179,255,.18);color:#fff}.side-nav a.active{box-shadow:inset 2px 0 var(--cyan)}.nav-icon{width:18px;height:18px;flex:0 0 18px;background:var(--cyan);mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}.icon-layout-dashboard{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E")}.icon-compass{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m16 8-2 6-6 2 2-6 6-2Z'/%3E%3C/svg%3E")}.icon-play-square{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='18' height='14' x='3' y='5' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3V9Z'/%3E%3C/svg%3E")}.icon-chart-no-axes-combined{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 16 4-5 3 3 5-7'/%3E%3C/svg%3E")}.icon-info{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")}.sidebar-foot{position:absolute;bottom:30px;padding:17px 14px;border-top:1px solid var(--line);color:#688194;font-size:11px}.sidebar-foot strong{display:block;color:#d8e7eb;font-size:12px}.main{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;border-bottom:1px solid var(--line);background:rgba(7,18,31,.7)}.breadcrumb{color:#718696;font:12px var(--mono)}.breadcrumb strong{color:var(--ink);font-weight:500}.profile{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(113,234,215,.4);border-radius:50%;color:var(--cyan);font:600 11px var(--mono)}.content{max-width:1320px;margin:auto;padding:48px 52px}.page-heading{padding:30px 0 38px}.eyebrow{margin:0 0 12px;color:var(--cyan);font:600 10px var(--mono);letter-spacing:2px;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--display)}h1{max-width:700px;font-size:clamp(34px,4.2vw,56px);line-height:1.02}h1 span{color:var(--cyan)}h2{font-size:26px}p{margin:0}.page-heading>p:not(.eyebrow){max-width:650px;margin-top:14px;color:var(--muted);font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 58px}.stat{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:19px 21px;border:1px solid var(--line);background:rgba(12,28,43,.68)}.stat small{display:block;margin-bottom:5px;color:#7f95a2;font:10px var(--mono);text-transform:uppercase}.stat strong{color:#f3fafb;font:600 25px var(--display)}.stat-mark{color:var(--cyan);font-size:22px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading p{margin-top:7px;color:var(--muted);font-size:13px}.modules-grid,.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card,.resource-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,38,56,.92),rgba(9,24,38,.92))}.module-card{min-height:300px}.module-top{display:flex;justify-content:space-between;gap:10px}.module-number{color:#6d8797;font:10px var(--mono)}.module-tag{padding:4px 8px;border:1px solid rgba(255,200,87,.4);color:var(--yellow);font:9px var(--mono)}.module-card h3,.resource-card h3{margin-top:26px;font-size:20px}.module-card p,.resource-card p{flex:1;margin-top:10px;color:var(--muted);font-size:13px}.module-meta{display:flex;gap:16px;margin:18px 0;color:#6f8794;font:10px var(--mono)}.module-launch,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(113,234,215,.35);border-radius:3px;background:rgba(113,234,215,.05);color:var(--cyan);font:600 12px var(--mono);text-decoration:none}.module-launch:hover,.btn-primary{background:var(--cyan);color:#06201e}.btn-primary{padding:0 18px}.progress-panel{max-width:720px;padding:28px;border:1px solid rgba(113,234,215,.2);background:rgba(12,28,43,.72)}.progress-track{height:8px;margin:18px 0 12px;background:rgba(173,211,226,.14)}.progress-value{width:0;height:100%;background:var(--cyan)}.progress-panel p{margin-bottom:22px;color:var(--muted);font-size:13px}.resource-tabs{display:flex;gap:8px;margin-bottom:18px}.resource-tab{padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);font:10px var(--mono);cursor:pointer}.resource-tab.active{border-color:rgba(113,234,215,.5);color:var(--cyan)}.resource-thumb{height:92px;padding:12px;background:linear-gradient(135deg,rgba(99,179,255,.26),rgba(113,234,215,.08))}.resource-type{margin-top:16px;color:var(--yellow);font:9px var(--mono)}.resource-card h3{font-size:17px}.resource-footer{display:flex;justify-content:space-between;margin-top:15px;color:#6f8794;font:10px var(--mono)}.resource-link{color:var(--cyan)}.regulation-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:18px;padding:26px;border:1px solid rgba(255,200,87,.22)}.checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}.checklist li{color:#b6c6ca;font-size:13px}.checklist li:before{content:"✓";margin-right:10px;color:var(--yellow)}
.dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:end;min-height:410px;padding:44px;border:1px solid rgba(113,234,215,.22);background:linear-gradient(115deg,rgba(5,18,30,.94),rgba(8,30,42,.68)),url('/Gemini_Generated_Image_je9joaje9joaje9j.jpeg') center/cover;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)}.dashboard-hero:after{content:'360';position:absolute;right:12px;top:-30px;color:rgba(113,234,215,.08);font:700 220px var(--display);line-height:1;pointer-events:none}.dashboard-hero-copy,.dashboard-hero-side{position:relative;z-index:1}.dashboard-hero h1{max-width:700px}.dashboard-hero-copy>p:not(.eyebrow){max-width:650px;margin-top:19px;color:#b2c4ca;font-size:16px}.dashboard-hero-side{display:grid;gap:14px}.dashboard-hero .hero-visual{height:176px;padding:15px;border:1px solid rgba(255,200,87,.38);background:linear-gradient(180deg,rgba(4,18,28,.1),rgba(4,18,28,.84)),url('/Gemini_Generated_Image_je9joaje9joaje9j.jpeg') center/cover;box-shadow:inset 0 0 35px rgba(0,0,0,.35)}.hero-visual span,.hero-visual small{display:block;font:10px var(--mono);letter-spacing:1px}.hero-visual span{color:var(--cyan)}.hero-visual strong{display:block;margin-top:42px;color:rgba(237,245,247,.86);font:600 54px var(--display);letter-spacing:1px}.hero-visual small{margin-top:15px;color:var(--yellow)}.dashboard-hero .hero-progress{padding:18px;border:1px solid var(--line);background:rgba(4,17,28,.78)}
@media(max-width:780px){.dashboard-hero{grid-template-columns:1fr;min-height:0;padding:28px 24px}.dashboard-hero-side{grid-template-columns:1fr 1fr}.dashboard-hero .hero-visual{height:150px}.dashboard-hero .hero-visual strong{margin-top:28px}.dashboard-hero .hero-visual small{margin-top:10px}}
@media(max-width:520px){.dashboard-hero-side{grid-template-columns:1fr}}
.dashboard-hero{overflow:hidden;min-height:360px;padding:36px 40px}.dashboard-hero h1{font-size:clamp(30px,3.4vw,46px);line-height:1.08}.dashboard-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.5}.dashboard-hero-side{align-self:center}
@media(max-width:780px){.dashboard-hero{min-height:0;padding:28px 24px}.dashboard-hero h1{font-size:clamp(30px,8vw,42px)}}
.dashboard-hero{min-height:380px;max-height:none;padding:38px 40px;overflow:visible}.dashboard-hero-copy{min-width:0}.dashboard-hero h1{font-size:clamp(32px,3.7vw,50px);line-height:1.06}.dashboard-hero:after{font-size:180px}
@media(max-width:780px){.dashboard-hero{min-height:0;padding:28px 24px;overflow:hidden}.dashboard-hero h1{font-size:clamp(32px,8vw,44px)}}
.dashboard-hero{grid-template-columns:minmax(0,1fr) 282px;gap:40px;min-height:300px;max-height:340px;margin-bottom:32px;padding:34px 40px;border-radius:8px;background-position:center;background-size:cover}
@media(max-width:780px){.dashboard-hero{min-height:0;max-height:none;margin-bottom:28px;padding:28px 24px}}
.dashboard-hero{min-height:430px;overflow:hidden;padding-top:42px;padding-bottom:42px}
@media(max-width:780px){.dashboard-hero{min-height:0;padding-top:28px;padding-bottom:28px}}
.hero-actions,.transition-actions,.dialog-actions{gap:16px}.resource-tabs{gap:12px}.module-launch{margin-top:8px}
@media(max-width:520px){.hero-actions,.transition-actions,.dialog-actions{gap:12px}.hero-actions .btn{width:100%}}
.stat-mark,.play-icon{display:block;font-size:0;background:var(--cyan);mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}.stat-mark{width:22px;height:22px}.stats .stat:nth-child(1) .stat-mark{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E")}.stats .stat:nth-child(2) .stat-mark{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}.stats .stat:nth-child(3) .stat-mark{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 3v18M3 12h18'/%3E%3C/svg%3E")}.play-icon{width:34px;height:34px;border:0;background:var(--cyan);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 8 5 4-5 4V8Z'/%3E%3C/svg%3E")}
.icon-book-open-check{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 7v14M3 18a4 4 0 0 1 4-4h5V3H7a4 4 0 0 0-4 4v11ZM21 18a4 4 0 0 0-4-4h-5v7h5a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4h-5'/%3E%3Cpath d='m15 10 2 2 4-4'/%3E%3C/svg%3E")}
.regulation-source{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.regulation-source>div{padding:18px;border:1px solid rgba(255,200,87,.25);background:rgba(12,28,43,.72)}.regulation-source span,.regulation-source small{display:block;color:#718b99;font:10px var(--mono);text-transform:uppercase}.regulation-source strong{display:block;margin:6px 0;color:#edf5f7;font-size:14px;font-weight:500}.regulation-source small{text-transform:none;font-size:11px}.regulation-categories{display:grid;gap:14px}.regulation-category{padding:22px;border:1px solid var(--line);background:rgba(12,28,43,.68)}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.category-heading h2{font-size:20px}.category-heading .eyebrow{margin-bottom:5px}.priority{padding:5px 8px;border:1px solid rgba(255,200,87,.4);color:var(--yellow);font:9px var(--mono);text-transform:uppercase}.priority-critica{border-color:rgba(255,128,109,.45);color:var(--coral)}.rules-list{display:grid;gap:1px}.rule{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.rule-code{color:#71b5d2;font:10px var(--mono)}.rule h3{color:#e8f2f4;font-size:14px}.rule p{margin-top:4px;color:var(--muted);font-size:12px}.rule small{display:block;margin-top:6px;color:#718b99;font:10px var(--mono)}.rule-state{padding:4px 7px;font:9px var(--mono);text-transform:uppercase}.required{color:var(--cyan);background:rgba(113,234,215,.08)}.prohibited{color:var(--coral);background:rgba(255,128,109,.08)}.scenario-library{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:28px;padding:25px;border:1px solid rgba(113,234,215,.2);background:rgba(12,28,43,.72)}.scenario-library h2{font-size:22px}.scenario-library p:not(.eyebrow){margin-top:8px;color:var(--muted);font-size:13px}.scenario-list{display:grid;gap:8px}.scenario-list>div{display:grid;grid-template-columns:62px 1fr;gap:4px 10px;padding:10px;border-left:2px solid var(--cyan);background:rgba(113,234,215,.04)}.scenario-list strong{grid-row:span 2;color:var(--yellow);font:10px var(--mono)}.scenario-list span{color:#e5f0f2;font-size:13px}.scenario-list small{color:var(--muted);font-size:11px}.legal-note{margin-top:18px;color:#718b99;font:11px var(--mono)}
.national-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin:0 0 48px;padding:28px;border:1px solid rgba(113,234,215,.2);background:linear-gradient(110deg,rgba(13,43,55,.8),rgba(12,28,43,.72))}.national-panel h2{max-width:620px}.national-panel p:not(.eyebrow){max-width:650px;margin-top:9px;color:var(--muted);font-size:13px}.national-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.national-facts div{padding:15px 10px;border-left:2px solid var(--yellow);background:rgba(255,200,87,.05)}.national-facts strong,.national-facts span{display:block}.national-facts strong{color:var(--yellow);font:600 22px var(--display)}.national-facts span{margin-top:5px;color:#b6c6ca;font-size:11px}.module-competency{margin:8px 0 14px;padding:10px;border-left:2px solid var(--cyan);background:rgba(113,234,215,.04)}.module-competency span,.module-competency small{display:block;color:#718b99;font:9px var(--mono);text-transform:uppercase}.module-competency strong{display:block;margin:3px 0;color:#dcebed;font-size:12px;font-weight:500}.module-competency small{text-transform:none;font-size:10px}
@media(max-width:780px){.national-panel{grid-template-columns:1fr;margin-bottom:32px;padding:22px}.national-facts{grid-template-columns:1fr 1fr}.national-facts div:last-child{grid-column:1/-1}}
.analytics-panel{margin-top:28px;padding:25px;border:1px solid var(--line);background:rgba(12,28,43,.68)}.analytics-panel .section-heading{margin-bottom:18px}.analytics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.analytics-grid>div{padding:15px;border-left:2px solid var(--cyan);background:rgba(113,234,215,.04)}.analytics-grid small{display:block;color:#718b99;font:9px var(--mono);text-transform:uppercase}.analytics-grid strong{display:block;margin-top:7px;color:#edf5f7;font:600 22px var(--display)}@media(max-width:780px){.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid>div:last-child{grid-column:1/-1}}
+@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:30;width:auto;height:64px;padding:8px 12px}.brand,.sidebar-foot,.sidebar-label{display:none}.side-nav{display:flex;justify-content:center;margin:0;gap:8px}.side-nav a{width:48px;height:48px;justify-content:center;padding:0}.side-nav a span:not(.nav-icon){display:none}.topbar{height:62px;padding:0 20px}.content{padding:24px 20px 92px}.stats,.modules-grid,.resources-grid,.regulation-panel{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:8px}}