:root{--navy:#082b6f;--navy-2:#0a3a93;--blue:#19a7ff;--blue-soft:#dff3ff;--gold:#fdba21;--gold-2:#ffcb4c;--white:#fff;--light:#f3f6fb;--card:#fff;--text:#17345a;--muted:#617a9f;--border:#082b6f1a;--shadow:0 20px 50px #082b6f24;--radius:28px;--radius-md:22px;--radius-sm:16px;--container:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--text);background:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 34px));margin:0 auto}.site-shell{min-height:100vh}.site-header{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07235ef0;position:sticky;top:0;box-shadow:0 8px 30px #0000001a}.navbar{justify-content:space-between;align-items:center;gap:22px;min-height:74px;display:flex;overflow:visible}.brand{z-index:2;flex-shrink:0;align-items:center;margin:-18px 0;display:flex;position:relative}.brand img{width:auto;height:154px}.nav-links{color:#fff;align-items:center;gap:24px;font-weight:700;display:flex}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #082b6f2e}.btn-primary{background:var(--gold);color:var(--navy)}.btn-secondary{color:#fff;background:0 0;border:2px solid #ffffffb3}.btn-light{color:var(--navy);background:#fff;border:2px solid #082b6f1f}.hero{background:radial-gradient(circle at 20% 0%,#19a7ff33,transparent 28%),linear-gradient(135deg,var(--navy)0%,var(--navy-2)55%,var(--navy)100%);color:#fff;border-bottom-right-radius:44px;border-bottom-left-radius:44px;padding:26px 0 56px;overflow:hidden}.hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;display:grid}.subtitle{color:#cfeeff;margin-bottom:8px;font-size:clamp(1.05rem,2.4vw,1.6rem);font-weight:700}.hero h1,.section-title{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;line-height:1.05}.hero h1{max-width:8.4ch;margin:0 0 16px;font-size:clamp(2.2rem,6vw,5.5rem)}.section-title{margin:0 0 14px;font-size:clamp(1.6rem,4vw,3rem)}.accent{color:var(--blue)}.lede{color:#ffffffeb;max-width:640px;font-size:1.08rem}.hero-actions,.stack-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.pill-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.pill{background:#ffffff24;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-weight:700;display:inline-flex}.hero-card{background:#ffffff1f;border:1px solid #ffffff1f;border-radius:32px;padding:20px;box-shadow:0 24px 60px #0000002e}.section{padding:84px 0}.soft{background:var(--light)}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.label{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}.muted{color:var(--muted)}.grid-3,.grid-4,.portal-grid,.metrics-grid{gap:22px;display:grid}.grid-3,.portal-grid,.metrics-grid{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.panel,.metric-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);background:#fff}.card,.panel{padding:28px}.kicker{background:#19a7ff1f;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:.83rem;font-weight:800;display:inline-block}.list{margin:16px 0 0;padding:0;list-style:none}.list li{color:var(--muted);margin:10px 0;padding-left:17px;position:relative}.list li:before{content:"";background:var(--blue);border-radius:50%;width:8px;height:8px;position:absolute;top:.68rem;left:0}.two-col{grid-template-columns:1fr 420px;align-items:start;gap:28px;display:grid}.session-layout{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.session-content{overflow-wrap:break-word;word-break:break-word;min-width:0}.session-nav-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;display:flex}.module-content{overflow-wrap:break-word;word-break:break-word;max-width:100%}.metric-card{padding:26px}.metric-value{color:var(--navy);margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:2.8rem;line-height:1}.portal-frame{grid-template-columns:260px 1fr;gap:24px;display:grid}.portal-sidebar{color:#fff;background:#071f52;border-radius:28px;padding:24px;position:sticky;top:96px}.portal-sidebar a{color:#ffffffd6;padding:10px 0;display:block}.portal-sidebar a:hover,.portal-sidebar a.active{color:var(--gold)}.portal-user-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.portal-user-menu{flex-shrink:0;position:relative}.portal-avatar-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:5px 14px 5px 5px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.portal-avatar-btn:hover{background:#ffffff2e}.portal-avatar{background:var(--gold);width:34px;height:34px;color:var(--navy);letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.portal-avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.portal-avatar-chevron{opacity:.7;flex-shrink:0}.portal-dropdown{border:1px solid var(--border);z-index:200;background:#fff;border-radius:18px;min-width:230px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 50px #082b6f2e}.portal-dropdown-header{background:var(--light);border-bottom:1px solid var(--border);padding:16px 18px 12px}.portal-dropdown-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.portal-dropdown-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.portal-dropdown-role{color:var(--navy);text-transform:uppercase;letter-spacing:.06em;background:#19a7ff1a;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.portal-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;padding:13px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.portal-dropdown-item:last-child{border-bottom:none}.portal-dropdown-item:hover{background:var(--light);color:var(--navy)}.portal-dropdown-divider{background:var(--border);height:1px}.portal-dropdown-signout{color:#c0392b!important}.portal-dropdown-signout:hover{background:#fff5f5!important}.settings-toggle{cursor:pointer;background:#082b6f26;border:none;border-radius:999px;flex-shrink:0;width:48px;height:28px;padding:0;transition:background .2s;position:relative}.settings-toggle--on{background:var(--navy)}.settings-toggle--disabled{opacity:.4;cursor:not-allowed}.settings-toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.settings-toggle--on .settings-toggle-thumb{transform:translate(20px)}.portal-bottom-nav{display:none}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.page-hero{background:linear-gradient(135deg,var(--navy)0%,var(--navy-2)100%);color:#fff;border-bottom-right-radius:34px;border-bottom-left-radius:34px;padding:76px 0 54px}.page-hero p{color:#ffffffe6;max-width:760px}.auth-shell{background:linear-gradient(#edf6ff 0%,#fff 40%);place-items:center;min-height:calc(100vh - 74px);padding:40px 16px 80px;display:grid}.auth-card{border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);background:#fff;border-radius:32px;padding:32px}.field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field input,.field select,.field textarea{background:#fff;border:1px solid #082b6f29;border-radius:14px;padding:14px 16px}.auth-divider{color:var(--muted);justify-content:center;margin:24px 0 18px;font-size:.95rem;display:flex;position:relative}.auth-divider:before{content:"";border-top:1px solid #082b6f1f;position:absolute;inset:50% 0 auto}.auth-divider span{background:#fff;padding:0 12px;position:relative}.social-auth-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.social-auth-btn{min-height:56px;color:var(--text);background:#fff;border:1px solid #082b6f24;border-radius:16px;align-items:center;gap:12px;padding:0 18px;font-weight:700;display:flex;box-shadow:0 12px 28px #082b6f14}.social-auth-btn.is-disabled{opacity:.55}.social-auth-mark{border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex}.social-auth-google{color:#1a73e8;background:#eef4ff}.social-auth-apple{color:#fff;background:#101010}.site-footer{color:#ffffffdb;background:#061f4f;padding-top:64px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;display:grid}.footer-logo{height:54px;margin-bottom:14px}.footer-list{margin:0;padding:0;list-style:none}.footer-list li+li{margin-top:10px}.footer-bottom{border-top:1px solid #ffffff1f;margin-top:26px;padding:24px 0}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:none}.mobile-menu-btn:hover{background:#ffffff1f}.mobile-nav{background:#071f52;border-top:1px solid #ffffff1a;padding:8px 0 16px}.mobile-nav a{color:#ffffffe0;border-bottom:1px solid #ffffff0f;padding:14px 24px;font-size:16px;font-weight:600;text-decoration:none;display:block}.mobile-nav a:hover,.mobile-nav a.active{color:var(--gold);background:#ffffff0d}.mobile-nav-actions{flex-direction:column;gap:10px;padding:16px 24px 4px;display:flex}.mobile-nav-actions .btn{text-align:center;width:100%}.card,.panel{overflow-wrap:break-word;min-width:0}.table-scroll td,.table-scroll th{white-space:nowrap}.grade-band-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.admin-table{display:block}.admin-cards{display:none}.admin-card{border-bottom:1px solid var(--border);padding:16px}.admin-card:last-child{border-bottom:none}.admin-card-title{color:var(--navy);margin-bottom:3px;font-size:15px;font-weight:700;text-decoration:none;display:block}.admin-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.admin-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.admin-card-actions .btn{min-height:40px;padding:0 16px;font-size:13px}@media (max-width:1100px){.hero-inner,.two-col,.portal-frame,.section-head,.footer-grid{grid-template-columns:1fr}.grid-3,.grid-4,.portal-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.hero h1{max-width:none}}@media (max-width:900px){.two-col,.session-layout{grid-template-columns:1fr}.session-sidebar{order:2}.session-content{order:1}}@media (max-width:720px){.container{width:min(var(--container),calc(100% - 24px))}.section{padding:32px 0}.navbar{min-height:56px}.brand{margin:-8px 0}.brand img{height:72px}.nav-links{display:none}.mobile-menu-btn{display:flex}.hero h1{max-width:none;font-size:2rem}.section-title{font-size:1.5rem}.hero{border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:16px 0 36px}.grid-3,.grid-4,.portal-grid,.metrics-grid{grid-template-columns:1fr}.hero-actions .btn,.stack-actions .btn{width:100%;min-height:48px}.hero-actions,.stack-actions{gap:10px}.social-auth-grid{grid-template-columns:1fr}.card,.panel{border-radius:18px;padding:16px}.auth-card{border-radius:20px;padding:24px 18px}.auth-shell{align-items:start;padding:24px 12px 100px}.portal-shell .site-footer,.auth-shell~.site-footer{display:none}.portal-frame{grid-template-columns:1fr;gap:12px}.portal-sidebar{display:none}.portal-shell .section{padding:16px 0 0}.portal-user-bar{background:var(--light);border:1px solid var(--border);box-shadow:none;border-radius:16px;margin-bottom:16px;padding:12px 16px}.portal-user-bar h3{word-break:break-all;font-size:.9rem}.portal-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,16px))}.grade-band-grid{grid-template-columns:repeat(2,1fr)}.admin-table{display:none}.admin-cards{display:block}.session-nav-actions{flex-direction:column-reverse}.session-nav-actions .btn{width:100%}.portal-avatar-name,.portal-avatar-chevron{display:none}.portal-avatar-btn{background:#ffffff26;border-color:#ffffff40;border-radius:50%;padding:5px}.portal-dropdown{min-width:210px;right:0}.portal-bottom-nav{z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #082b6f1a;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #082b6f14}.portal-bottom-nav a{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:10px 4px;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.portal-bottom-nav a.active,.portal-bottom-nav a:hover{color:var(--navy)}.portal-bottom-nav a.active svg{stroke:var(--gold)}.portal-bottom-nav a.active span{color:var(--navy)}.portal-bottom-nav svg{stroke:currentColor;flex-shrink:0}}