:root{--navy:#071b36;--navy2:#0c2d55;--blue:#246bfe;--blue2:#4d8cff;--cyan:#42c8ff;--gold:#ffca35;--bg:#f4f7fb;--panel:#fff;--line:#e1e8f2;--text:#10233d;--muted:#6c7c93;--ok:#16a66a;--warn:#efa61d;--danger:#e5484d;--purple:#7357e8;--orange:#ff8b38;--green:#20b985;--shadow:0 18px 50px rgba(18,45,81,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.1px}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:950;color:white;box-shadow:0 10px 24px #246bfe30}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:13px}.brand small{display:block;font-size:11px;color:#8fa4be;font-weight:650;margin-top:2px}.brand-light small{color:#b8c9de}.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-lg{padding:14px 20px}.btn-xl{padding:15px 21px;border-radius:14px}.btn-block{width:100%}.btn-blue{background:linear-gradient(135deg,var(--blue),#2c7bff);color:#fff;box-shadow:0 10px 24px #246bfe25}.btn-primary{background:var(--gold);color:#142033}.btn-white{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-secondary{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-danger{background:#e94e55;color:white}.btn-ghost{background:white;color:var(--text);border:1px solid var(--line)}.muted{color:var(--muted)}.required{color:var(--danger)}.alert{padding:13px 15px;border-radius:12px;margin:14px 0;line-height:1.5}.alert-danger{background:#fff0f1;color:#a4282e;border:1px solid #ffd7da}.alert-success{background:#eaf9f2;color:#08734b;border:1px solid #ccefe0}.field{margin:15px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #ced9e8;border-radius:11px;background:#fff;color:var(--text);outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#77a5ff;box-shadow:0 0 0 4px #246bfe12}.field textarea{min-height:90px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.b-ok{background:#dff7ed;color:#08744a}.b-warn{background:#fff2cc;color:#8c6400}.b-bad{background:#ffe0e2;color:#9e2027}.b-blue{background:#e8f0ff;color:#1a56c7}.actions{display:flex;flex-wrap:wrap;gap:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 26px rgba(16,35,61,.04)}
/* Public home */
.public-home{background:#fff}.home-nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf1f6}.home-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.home-nav nav{display:flex;align-items:center;gap:8px}.home-nav nav a{padding:10px 12px;border-radius:10px;font-size:14px;color:#4e6078;font-weight:700}.home-nav nav a:hover{background:#f4f7fb}.home-nav nav .nav-admin{background:var(--navy);color:white;padding:11px 15px}.home-hero{background:radial-gradient(circle at 88% 8%,#dbe8ff 0,transparent 31%),linear-gradient(180deg,#f8fbff,#fff);padding:78px 0 72px;overflow:hidden}.home-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}.eyebrow-blue-soft,.eyebrow-blue,.eyebrow-dark{display:inline-flex;font-size:11px;font-weight:900;letter-spacing:1.1px;border-radius:999px;padding:7px 10px}.eyebrow-blue-soft{color:#2457b6;background:#e8f1ff}.eyebrow-blue{color:#246bfe;background:#eef4ff}.eyebrow-dark{background:#ffffff18;color:#dce9f8}.hero-copy h1{font-size:clamp(42px,5.2vw,70px);line-height:1.03;letter-spacing:-2.8px;margin:18px 0}.hero-copy h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;line-height:1.7;color:#62748b;max-width:650px}.hero-copy .actions{margin-top:26px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#63758b;font-size:13px;font-weight:700}.trust-row span:before{color:var(--ok)}.hero-ui-preview{background:#fff;border:1px solid #dfe7f1;border-radius:24px;box-shadow:0 35px 80px rgba(24,66,122,.16);overflow:hidden;transform:rotate(.5deg)}.preview-top{height:76px;padding:16px 19px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between}.preview-top small,.preview-top strong{display:block}.preview-top small{font-size:10px;color:#9fb3cd;margin-bottom:3px}.preview-top strong{font-size:13px}.preview-top>span{background:#ffffff12;border:1px solid #ffffff12;border-radius:10px;padding:10px 12px;font-weight:900}.preview-body{display:grid;grid-template-columns:1fr 175px;min-height:355px;background:#f4f7fb}.preview-question{padding:25px;background:#fff;margin:15px;border-radius:15px;border:1px solid #e5ebf3}.preview-question>small{font-size:10px;color:#738399;font-weight:800}.fake-line{height:10px;background:#dce5f1;border-radius:99px;margin-top:17px}.w80{width:80%}.w95{width:95%}.fake-option{height:56px;border:1px solid #e0e8f2;border-radius:11px;margin-top:14px;display:flex;align-items:center;gap:11px;padding:10px}.fake-option b{width:30px;height:30px;border-radius:8px;background:#eef3fa;display:grid;place-items:center;font-size:12px}.fake-option span{width:70%;height:8px;background:#e5ebf2;border-radius:8px}.fake-option.active{border-color:#70a0ff;background:#f6f9ff}.fake-option.active b{background:var(--blue);color:#fff}.preview-actions{display:flex;justify-content:space-between;margin-top:35px}.preview-actions i{width:28%;height:34px;border-radius:8px;background:#eef2f7}.preview-actions i:last-child{background:var(--blue)}.preview-numbers{background:#f5f7fb;border-left:1px solid #e3eaf3;padding:20px 14px}.preview-numbers strong{font-size:12px}.preview-numbers>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.preview-numbers span{aspect-ratio:1;border:1px solid #dce4ef;border-radius:7px;display:grid;place-items:center;background:white;font-size:10px;font-weight:800}.preview-numbers span.done{background:#dcf5ea;border-color:#afe4cf;color:#08734b}.preview-numbers span.current{background:var(--blue);border-color:var(--blue);color:#fff}.home-stats{border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.home-stats .container{display:grid;grid-template-columns:repeat(4,1fr);padding-top:24px;padding-bottom:24px}.home-stats .container>div{display:flex;align-items:baseline;gap:9px;justify-content:center;border-right:1px solid #e8edf4}.home-stats .container>div:last-child{border:0}.home-stats strong{font-size:22px;color:var(--navy)}.home-stats span{color:#74849a;font-size:13px}.section{padding:76px 0}.section-head-centered{text-align:center;max-width:720px;margin:0 auto 38px}.section-head-centered h2,.feature-split h2{font-size:36px;letter-spacing:-1px;margin:12px 0}.section-head-centered p,.feature-split>div>p{font-size:16px;line-height:1.7;color:#6d7d92}.flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.flow-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:white;min-height:190px;position:relative;box-shadow:0 10px 30px #163a6908}.flow-card>b{position:absolute;right:15px;top:12px;font-size:12px;color:#a6b3c3}.flow-card>span{width:46px;height:46px;background:#eef4ff;border-radius:13px;display:grid;place-items:center;font-size:20px}.flow-card h3{margin:15px 0 7px}.flow-card p{font-size:13px;line-height:1.6;color:#6d7d92;margin:0}.flow-arrow{color:#9dabbc;font-size:22px}.alt-section{background:#f6f9fd}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-list{display:grid;gap:13px}.feature-list>div{background:white;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;gap:13px;align-items:center}.feature-list>div>span{width:42px;height:42px;border-radius:12px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.feature-list strong,.feature-list small{display:block}.feature-list small{color:#77879b;margin-top:3px}.cross-promo{border-radius:24px;padding:32px 35px;background:linear-gradient(135deg,#0a2242,#103967);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 24px 70px #071b3630}.cross-promo small{font-size:10px;letter-spacing:1px;color:#9fb6d1}.cross-promo h2{margin:7px 0 5px;font-size:28px}.cross-promo p{margin:0;color:#c6d5e6}.footer-v3{background:#06172d;color:#b9c9da;padding:30px 0}.footer-v3 .container{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-v3 strong,.footer-v3 span{display:block}.footer-v3 strong{color:white}.footer-v3 span{font-size:12px;margin-top:4px}.footer-v3 p{font-size:12px;max-width:480px;text-align:right}
/* Entry flow */
.student-entry-page{min-height:100vh;background:radial-gradient(circle at 80% 8%,#e3edff,transparent 33%),#f4f7fb}.public-mini-header{height:78px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7edf4}.step-chip{font-size:12px;font-weight:800;color:#49617f;background:#f1f5fa;border:1px solid #e2e9f2;padding:8px 11px;border-radius:999px}.entry-wrap{max-width:850px;margin:45px auto;padding:0 20px}.entry-card{background:white;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.entry-heading h1{font-size:33px;letter-spacing:-1px;margin:11px 0 8px}.entry-heading p{color:#708098;line-height:1.6;margin:0 0 22px}.entry-heading.compact{margin-top:28px}.entry-form .btn{margin-top:8px}.privacy-note,.session-help{display:flex;align-items:flex-start;gap:12px;background:#f5f8fc;border-radius:13px;padding:14px 15px;margin-top:22px;color:#58708d}.privacy-note>span,.session-help>span{font-size:18px}.privacy-note strong,.privacy-note small{display:block}.privacy-note small{margin-top:3px;color:#7c8da1}.session-help p{margin:0;font-size:13px}.identity-summary{display:flex;align-items:center;gap:12px;padding:15px;background:#f6f8fc;border:1px solid #e7edf4;border-radius:15px}.avatar-circle,.user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#225fff,#6ba9ff);color:white;font-weight:900}.identity-summary>div:nth-child(2){display:flex;flex-direction:column;gap:1px;flex:1}.identity-summary small{font-size:9px;color:#8696aa;letter-spacing:.8px;font-weight:900}.identity-summary strong{font-size:14px}.identity-summary span{font-size:12px;color:#77879b}.identity-summary>a{font-size:12px;color:var(--blue);font-weight:800}.token-input-wrap,.input-icon{position:relative}.token-input-wrap>span,.input-icon>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;color:#8191a5}.token-input-wrap input,.input-icon input{padding-left:40px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:800}
/* Login */
.login-page{min-height:100vh;background:#f4f7fb}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)}.login-showcase{background:radial-gradient(circle at 18% 18%,#245d9f,transparent 34%),linear-gradient(145deg,#071b36,#0b315d);color:white;padding:44px 52px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-showcase:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff0c;border-radius:50%;right:-190px;bottom:-120px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.login-copy{max-width:560px;margin:auto 0}.login-copy h1{font-size:48px;line-height:1.05;letter-spacing:-1.8px;margin:15px 0}.login-copy>p{color:#c3d2e4;line-height:1.7;font-size:16px}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.login-feature-grid div{border:1px solid #ffffff16;background:#ffffff09;border-radius:14px;padding:14px}.login-feature-grid b,.login-feature-grid span{display:block}.login-feature-grid b{color:#77a7ff;font-size:12px}.login-feature-grid span{font-size:12px;color:#d7e3f1;margin-top:5px}.login-product{position:relative;z-index:2;border-top:1px solid #ffffff16;padding-top:18px}.login-product small,.login-product strong,.login-product a{display:block}.login-product small{color:#829ab6;font-size:10px}.login-product strong{margin-top:3px}.login-product a{color:#87b4ff;font-size:12px;margin-top:5px}.login-panel{display:grid;place-items:center;padding:40px}.login-form-box{width:min(480px,100%)}.login-form-box h2{font-size:36px;letter-spacing:-1px;margin:12px 0 5px}.login-form-box>p{margin:0 0 25px}.login-mobile-brand{display:none}.login-foot{text-align:center;color:#8a98aa;font-size:11px;margin-top:22px}
/* Admin v3 */
.admin-shell-v3{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar-v3{background:linear-gradient(180deg,#081d38,#07182f);color:#fff;padding:22px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:50}.sidebar-brand{padding:3px 7px}.sidebar-label{font-size:10px;letter-spacing:1px;color:#6f88a6;font-weight:900;margin:27px 11px 9px}.menu-v3{display:grid;gap:4px}.menu-v3 a{height:47px;padding:0 11px;border-radius:12px;color:#c7d5e6;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;position:relative}.menu-v3 a:hover{background:#ffffff0b;color:white}.menu-v3 a.active{background:linear-gradient(90deg,#246bfe30,#246bfe10);color:white}.menu-v3 a.active i{position:absolute;right:-15px;width:3px;height:25px;border-radius:3px;background:#4d8cff}.menu-icon{width:28px;height:28px;border-radius:8px;background:#ffffff08;display:grid;place-items:center;font-size:14px}.menu-v3 a.active .menu-icon{background:#246bfe;color:#fff}.sidebar-product{margin-top:auto;background:#ffffff08;border:1px solid #ffffff0b;border-radius:14px;padding:14px}.sidebar-product span,.sidebar-product strong,.sidebar-product a{display:block}.sidebar-product span{color:#7089a7;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.sidebar-product strong{font-size:12px;margin:5px 0}.sidebar-product a{font-size:11px;color:#76aaff}.sidebar-logout{color:#9fb2c9;font-size:12px;font-weight:700;padding:13px 10px;margin-top:8px}.admin-stage{min-width:0}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid #e7edf4;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.admin-search{width:min(420px,42vw);height:40px;background:#f5f7fa;border:1px solid #e6ebf1;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#96a3b3}.admin-search input{border:0;background:transparent;outline:none;width:100%;font-size:12px;color:#96a3b3}.admin-top-actions{display:flex;align-items:center;gap:15px}.status-dot{font-size:11px;color:#64768c;display:flex;align-items:center;gap:6px}.status-dot i{width:7px;height:7px;border-radius:50%;background:#1bb876;box-shadow:0 0 0 4px #1bb87618}.user-pill{display:flex;align-items:center;gap:9px;padding-left:15px;border-left:1px solid #e7edf4}.user-avatar{width:35px;height:35px;font-size:12px}.user-pill strong,.user-pill small{display:block}.user-pill strong{font-size:12px}.user-pill small{font-size:10px;color:#8493a6;text-transform:capitalize}.mobile-menu{display:none}.admin-main-v3{padding:26px 29px 45px;max-width:1650px}.page-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-kicker{font-size:9px;font-weight:900;color:#8595a8;letter-spacing:1px;margin:0 0 5px}.page-title-row h1{font-size:29px;letter-spacing:-.7px;margin:0}.page-date{font-size:11px;color:#7d8da1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.page-date span{color:#ccd4df}.dashboard-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dashboard-greeting h2{font-size:20px;margin:0 0 4px}.dashboard-greeting p{margin:0;color:#7a8a9e;font-size:12px}.quick-actions{display:flex;gap:8px}.stat-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card-v3{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 6px 22px #10233d08}.stat-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:19px;font-weight:900}.stat-card-v3.blue .stat-icon{background:#eaf1ff;color:#246bfe}.stat-card-v3.purple .stat-icon{background:#f0ecff;color:#7357e8}.stat-card-v3.orange .stat-icon{background:#fff0e5;color:#f17b2a}.stat-card-v3.green .stat-icon{background:#e7f8f2;color:#16a66a}.stat-card-v3 span,.stat-card-v3 strong,.stat-card-v3 small{display:block}.stat-card-v3 span{font-size:11px;color:#718197;font-weight:700}.stat-card-v3 strong{font-size:25px;margin:1px 0}.stat-card-v3 small{font-size:9px;color:#9ba8b8}.dashboard-grid-main,.dashboard-grid-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.dashboard-grid-bottom{grid-template-columns:1fr 1fr}.panel-v3{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:0 6px 25px #10233d07}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-head h3{font-size:14px;margin:0 0 3px}.panel-head p{font-size:10px;color:#8a98aa;margin:0}.panel-head>a{font-size:10px;color:var(--blue);font-weight:800}.level-chart{display:grid;gap:18px}.level-meta{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.level-meta span{color:#8594a7}.bar-track,.mini-bar{height:8px;border-radius:99px;background:#eff3f8;overflow:hidden}.bar-track i,.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#246bfe,#65a0ff);border-radius:99px}.subject-bars{display:grid;gap:13px}.subject-row{display:grid;grid-template-columns:160px 1fr 35px;gap:10px;align-items:center}.subject-row>div:first-child span,.subject-row>div:first-child strong{display:block}.subject-row>div:first-child span{font-size:9px;color:#8090a4}.subject-row>div:first-child strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-row>b{font-size:11px;text-align:right}.compact-list{display:grid}.compact-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}.compact-row:last-child{border:0}.grow{flex:1;min-width:0}.grow strong,.grow small{display:block}.grow strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow small{font-size:9px;color:#8a98aa;margin-top:3px}.file-icon{width:34px;height:34px;border-radius:9px;background:#e6f7ed;color:#198d5f;display:grid;place-items:center;font-size:9px;font-weight:900}.import-counts{display:flex;gap:4px;font-size:8px;font-weight:800}.import-counts span{padding:4px 6px;border-radius:999px}.import-counts .ok{background:#e4f7ef;color:#08744a}.import-counts .warn{background:#fff2d0;color:#946900}.import-counts .bad{background:#ffe7e8;color:#9e2027}.session-dot{width:10px;height:10px;border-radius:50%;background:#c5ced9}.session-dot.live{background:#19b576;box-shadow:0 0 0 4px #19b57613}.session-token{text-align:right}.session-token b,.session-token small{display:block}.session-token b{font-size:11px;color:#315987}.session-token small{font-size:8px;color:#93a0b1}.empty-mini{padding:22px;text-align:center;color:#8d9bad;font-size:11px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}.clean-table{border:0;border-radius:0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 13px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top;font-size:12px}.table th{background:#f8fafc;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#77869a}.import-intro{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.import-intro p{font-size:12px;margin:0}.template-actions{display:flex;gap:8px}.import-layout{display:grid;grid-template-columns:1fr 300px;gap:14px}.steps{display:flex;align-items:center;margin-bottom:22px}.steps>i{height:1px;background:#dbe3ed;flex:1}.step{display:flex;align-items:center;gap:6px;color:#95a2b2}.step b{width:26px;height:26px;border-radius:50%;background:#edf1f5;display:grid;place-items:center;font-size:10px}.step span{font-size:10px;font-weight:800}.step.active{color:var(--blue)}.step.active b{background:var(--blue);color:#fff}.dropzone{border:2px dashed #cfdae8;border-radius:16px;padding:34px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fafcff;transition:.2s}.dropzone.drag,.dropzone.has-file{border-color:#78a6ff;background:#f4f8ff}.dropzone input{position:absolute;opacity:0;pointer-events:none}.drop-icon{width:50px;height:50px;border-radius:14px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:23px;font-weight:900;margin-bottom:12px}.dropzone strong{font-size:13px}.dropzone small{color:#8a99ab;font-size:10px;margin-top:5px}.selected-file{margin-top:12px;color:#3569bf;font-size:10px;font-weight:800}.format-tip{display:flex;gap:10px;align-items:flex-start;background:#f1f8f5;border:1px solid #dcefe8;border-radius:12px;padding:12px;margin:14px 0}.format-tip>span{width:24px;height:24px;border-radius:50%;background:#d9f5e9;color:#08744a;display:grid;place-items:center}.format-tip strong,.format-tip p{display:block;margin:0}.format-tip strong{font-size:11px}.format-tip p{font-size:9px;color:#708a80;margin-top:2px}.import-help h3{margin-top:0}.help-item{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f6}.help-item>b{color:#9ba8b8;font-size:10px}.help-item p{margin:0}.help-item strong,.help-item span{display:block}.help-item strong{font-size:11px}.help-item span{font-size:9px;color:#8493a5;margin-top:3px}
/* Exam */
.exam-shell-v3{min-height:100vh;background:#eef3f8}.exam-head-v3{height:74px;background:#071b36;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;box-shadow:0 8px 24px #071b3624}.exam-brand{display:flex;align-items:center;gap:11px}.exam-brand strong,.exam-brand small{display:block}.exam-brand strong{font-size:13px}.exam-brand small{font-size:10px;color:#9eb2c9;margin-top:3px}.exam-clock{text-align:right}.exam-clock small,.exam-clock strong{display:block}.exam-clock small{font-size:8px;color:#91a8c1;letter-spacing:.8px}.exam-clock strong{font-size:23px;letter-spacing:1px}.exam-grid-v3{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;max-width:1280px;margin:auto;padding:22px}.question-card-v3{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:560px;box-shadow:0 10px 30px #10233d08}.question-card-v3 .muted:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}.question-card-v3 h2{font-size:20px!important;line-height:1.6!important;margin:18px 0}.stimulus{background:#f5f8fc;border-left:4px solid var(--blue);padding:15px 17px;border-radius:9px;margin:15px 0;line-height:1.65;color:#334b67}.option{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:13px;margin:9px 0;background:#fff;transition:.15s}.option:hover{border-color:#8bb3ff;background:#f8fbff}.option input{margin-top:3px}.sidepanel-v3{background:#fff;border:1px solid var(--line);border-radius:18px;height:max-content;position:sticky;top:96px;overflow:hidden;box-shadow:0 10px 30px #10233d08}.side-head{padding:17px 17px 11px;display:flex;justify-content:space-between}.side-head strong{font-size:13px}.side-head span{font-size:9px;color:#8695a8}.legend{display:flex;gap:12px;padding:0 17px 13px;font-size:9px;color:#7d8da0}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:8px;height:8px;border-radius:3px}.lg-green{background:#6bd1ad}.lg-yellow{background:#efc95d}.numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0 17px 17px}.qnum{aspect-ratio:1;border:1px solid #dce4ef;background:#fff;border-radius:8px;font-weight:800;color:#486078}.qnum:hover{border-color:#85adf8}.qnum.answered{background:#dff7ed;border-color:#7bd0ad;color:#08744a}.qnum.doubt{background:#fff2cc;border-color:#efc95d;color:#8c6400}.side-footer{border-top:1px solid #edf1f5;padding:15px}.exam-actions{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.category-row{display:grid;grid-template-columns:1fr 90px 90px;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.loading-question{min-height:450px;display:grid;place-items:center;align-content:center;color:#8a99aa}.loading-question i{width:32px;height:32px;border-radius:50%;border:3px solid #e5ebf3;border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* legacy compatibility */
.form-card{max-width:720px;margin:32px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.topbar{background:var(--navy);color:white}.topbar-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.kpi strong{font-size:28px;display:block}.promo{background:linear-gradient(135deg,#fff7d2,#fff);border:1px solid #f7df73}
@media(max-width:1050px){.home-hero-grid{grid-template-columns:1fr}.hero-ui-preview{max-width:680px}.flow-grid{grid-template-columns:1fr 1fr}.flow-arrow{display:none}.admin-shell-v3{grid-template-columns:220px 1fr}.stat-grid-v3{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main,.dashboard-grid-bottom{grid-template-columns:1fr}.import-layout{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:32px}.exam-grid-v3{grid-template-columns:1fr}.sidepanel-v3{position:relative;top:0}}
@media(max-width:760px){.container{padding:0 16px}.home-nav nav a:not(.nav-admin){display:none}.home-hero{padding:48px 0}.hero-copy h1{letter-spacing:-1.4px}.home-stats .container{grid-template-columns:1fr 1fr;gap:0}.home-stats .container>div{padding:10px;border-bottom:1px solid #edf1f6}.flow-grid{grid-template-columns:1fr}.feature-split{grid-template-columns:1fr;gap:30px}.cross-promo,.footer-v3 .container{align-items:flex-start;flex-direction:column}.footer-v3 p{text-align:left}.field-grid{grid-template-columns:1fr}.entry-card{padding:24px}.public-mini-header{padding:0 16px}.admin-shell-v3{display:block}.sidebar-v3{position:fixed;left:-270px;width:255px;transition:.2s}.sidebar-open .sidebar-v3{left:0}.mobile-menu{display:block;border:0;background:#f0f4f8;border-radius:8px;width:36px;height:36px}.admin-search{display:none}.admin-main-v3{padding:20px 15px 40px}.admin-topbar{padding:0 15px}.status-dot{display:none}.page-title-row{align-items:flex-start}.page-date{display:none}.dashboard-greeting{align-items:flex-start;flex-direction:column;gap:14px}.stat-grid-v3{grid-template-columns:1fr 1fr}.import-intro{align-items:flex-start;flex-direction:column}.steps{overflow:auto}.subject-row{grid-template-columns:130px 1fr 30px}.login-panel{padding:24px}.login-form-box h2{font-size:31px}.question-card-v3{padding:18px}.exam-grid-v3{padding:10px}.exam-head-v3{padding:0 13px}.category-row{grid-template-columns:1fr 70px 70px}}
@media(max-width:480px){.stat-grid-v3{grid-template-columns:1fr}.home-stats .container{grid-template-columns:1fr}.home-stats .container>div{border-right:0}.hero-copy h1{font-size:42px}.entry-heading h1{font-size:28px}.preview-body{grid-template-columns:1fr}.preview-numbers{display:none}.exam-brand strong{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-brand small{display:none}}