/* PAD V6 visual refresh — presentation layer only; application logic is unchanged. */
:root{
  --blue:#087cff;--royal:#0758d9;--navy:#071a38;--muted:#7183a3;--bg:#eef4ff;--line:#dce7f7;--white:#fff;
  --shadow:0 18px 48px rgba(10,48,108,.12);--pad-night:#06142d;--pad-night-2:#0b2450;--pad-electric:#1685ff;--pad-cyan:#53d8ff;
  color-scheme:light;
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:radial-gradient(ellipse at 10% 0%,rgba(93,161,255,.12),transparent 32rem),radial-gradient(ellipse at 95% 30%,rgba(25,119,255,.07),transparent 30rem),#f1f6ff;color:#10284e;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(31,104,210,.12) .7px,transparent .7px);background-size:19px 19px;opacity:.18}
::selection{background:#b9dcff;color:#06204b}
a{transition:color .18s ease}
.container{max-width:1280px}
.topbar{position:sticky;top:0;z-index:60;height:auto;min-height:82px;padding:12px max(24px,calc((100% - 1280px)/2));background:rgba(5,19,43,.96);border-bottom:1px solid rgba(102,173,255,.24);box-shadow:0 12px 35px rgba(3,16,42,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.logo{color:#f6faff;gap:13px;font-size:24px;letter-spacing:-.5px}
.logo small{color:#9dbce9;font-size:10px;letter-spacing:0;margin-top:2px}
.logo-icon{width:48px;height:48px;border:1px solid rgba(121,202,255,.35);border-radius:15px;background:linear-gradient(145deg,#1c98ff,#0754d5 65%,#052f82);box-shadow:0 8px 28px rgba(0,112,255,.34),inset 0 1px rgba(255,255,255,.3);font-size:0;position:relative;overflow:hidden}
.logo-icon:before{content:"🎓";font-size:25px;line-height:1;filter:drop-shadow(0 3px 3px #001c4d80)}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.topbar .btn.outline{color:#e4f1ff;border-color:#2d6dbb;background:rgba(19,75,150,.25)}
.topbar .btn.outline:hover{background:rgba(27,113,231,.25)}
.user-chip{background:rgba(14,55,112,.68);border-color:rgba(104,167,255,.35);color:#f5f9ff;padding-inline-start:7px}
.avatar{background:linear-gradient(145deg,#c2e5ff,#4f9bff);color:#063778}
.btn{border-radius:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #52b7ff;outline-offset:3px}
.btn.primary{background:linear-gradient(120deg,#1496ff,#0961ef 58%,#084bd1);box-shadow:0 8px 22px rgba(0,101,239,.24),inset 0 1px rgba(255,255,255,.22)}
.btn.primary:hover:not(:disabled){box-shadow:0 13px 30px rgba(0,101,239,.32);transform:translateY(-2px)}
.btn.outline{background:#fff;border-color:#b9d3f5;color:#1256bc}
.btn.ghost{color:#1269db}
.btn.white{background:linear-gradient(135deg,#fff,#e9f5ff);color:#0755c6;box-shadow:0 10px 30px rgba(0,16,50,.25);border:1px solid rgba(255,255,255,.7)}
.eyebrow{color:#086de9;letter-spacing:.1px}
.eyebrow.light{color:#bdeaff}
.pill{background:#edf5ff;color:#145ec2;border-color:#d4e6ff}
.pill.good{background:#e6fbf2;border-color:#bcefdc;color:#087e58}
.pill.bad{background:#fff0f1;border-color:#ffd4d9;color:#b72e48}
.panel{background:rgba(255,255,255,.96);border:1px solid rgba(200,220,248,.9);border-radius:23px;box-shadow:0 14px 42px rgba(11,48,103,.09),inset 0 1px #fff}
.page-kicker{color:#0875f7}
.page-heading{padding-top:27px}
.page-heading h1,.admin-heading h1{letter-spacing:-.7px}
.section-head{margin-top:53px}
.section-head h2{color:#0a2147}
.section-head p{color:#6c7f9f}
/* Main landing hero */
.hero{isolation:isolate;min-height:465px;margin-top:27px;border-radius:30px;border:1px solid rgba(75,165,255,.55);background:radial-gradient(ellipse at 78% 35%,rgba(12,104,255,.38),transparent 34%),radial-gradient(ellipse at 15% 100%,rgba(0,145,255,.2),transparent 38%),linear-gradient(118deg,#041127 0%,#071d42 46%,#082c65 75%,#061a3b 100%);box-shadow:0 26px 65px rgba(4,34,86,.24),inset 0 1px rgba(255,255,255,.1)}
.hero:before{width:530px;height:530px;left:-170px;top:-210px;border-color:rgba(64,171,255,.2);box-shadow:0 0 0 28px rgba(28,112,255,.035),0 0 0 65px rgba(28,112,255,.025)}
.hero:after{width:410px;height:410px;right:15%;bottom:-300px;border-color:rgba(74,184,255,.18);box-shadow:0 0 60px rgba(0,125,255,.16)}
.hero-content{padding:58px clamp(25px,5vw,70px);align-self:center}
.hero-content .eyebrow{padding:7px 13px;border-radius:50px;background:rgba(20,118,242,.13);border:1px solid rgba(97,184,255,.24)}
.hero h1{font-size:clamp(32px,3.3vw,48px);line-height:1.55;letter-spacing:-1.2px;text-shadow:0 5px 24px rgba(0,0,0,.16)}
.hero h1 span{background:linear-gradient(90deg,#b6f0ff,#55c9ff 45%,#8eaeff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#c3d9f8;line-height:2;max-width:470px}
.hero-stats{gap:clamp(15px,2.4vw,31px);color:#aac8f1}
.hero-stats b{font-size:22px;color:#fff;text-shadow:0 0 22px rgba(46,157,255,.25)}
.hero-visual{min-height:350px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(0,105,255,.18),transparent 57%)}
.hero-visual:before{content:"";position:absolute;width:min(30vw,340px);height:min(30vw,340px);min-width:210px;min-height:210px;border-radius:50%;border:1px solid rgba(77,191,255,.5);box-shadow:0 0 0 17px rgba(31,121,255,.06),0 0 0 38px rgba(31,121,255,.035),inset 0 0 55px rgba(22,137,255,.15);transform:rotateX(65deg) rotate(-20deg);animation:padOrbit 13s linear infinite}
.hero-visual:after{content:"✦　✧　·　✦";position:absolute;inset:15% 3% auto auto;color:#75caff;font-size:19px;letter-spacing:16px;text-shadow:0 0 20px #158fff;opacity:.8;pointer-events:none}
.hero-ball{width:clamp(205px,22vw,285px);height:clamp(205px,22vw,285px);position:relative;z-index:1;border:1px solid rgba(125,215,255,.55);background:radial-gradient(circle at 31% 22%,#55d9ff 0,#167bff 27%,#0751d0 52%,#041c55 100%);box-shadow:inset 18px 15px 45px rgba(255,255,255,.22),inset -22px -25px 48px rgba(0,11,55,.55),0 24px 75px rgba(0,100,255,.38),0 0 45px rgba(0,147,255,.18);transform:none;animation:padFloat 5.5s ease-in-out infinite}
.hero-ball:before{inset:-17px;border:1px solid rgba(100,211,255,.55);box-shadow:0 0 30px rgba(34,159,255,.18)}
.hero-ball:after{content:"";position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:linear-gradient(140deg,rgba(255,255,255,.12),transparent 44%);pointer-events:none}
.hero-ball-core{position:relative;z-index:2;font-size:0;letter-spacing:0;color:#fff;text-shadow:0 6px 15px #0145b0;transform:rotate(-8deg)}
.hero-ball-core:before{content:"🎓";font-size:clamp(70px,8vw,100px);filter:drop-shadow(0 9px 10px rgba(0,13,59,.45))}
.floating-card{background:rgba(5,28,67,.78);color:#e8f5ff;border:1px solid rgba(96,184,255,.38);box-shadow:0 12px 30px rgba(0,10,35,.3),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:15px;padding:12px 17px}
.card-top{top:15%;right:2%;transform:rotate(4deg)}
.card-bottom{bottom:13%;left:2%;transform:rotate(-3deg)}
/* Course catalog and learning cards */
.course-grid{gap:22px}
.course-card{background:#fff;border:1px solid #d9e7f9;border-radius:23px;box-shadow:0 12px 34px rgba(10,47,104,.085);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.course-card:hover{transform:translateY(-5px);border-color:#8dc5ff;box-shadow:0 20px 44px rgba(10,89,192,.16)}
.course-cover{height:210px;background:linear-gradient(135deg,#061a3d,#0878f9 65%,#65dcff)}
.course-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,20,47,.02),rgba(4,20,47,.22))}
.course-img{transition:transform .45s ease}
.course-card:hover .course-img{transform:scale(1.035)}
.course-art{background:radial-gradient(circle at 75% 15%,rgba(130,225,255,.8),transparent 24%),linear-gradient(135deg,#051938,#075adf 58%,#29a6ff)}
.course-art>span{font-size:86px;text-shadow:0 0 30px rgba(255,255,255,.28),0 14px 30px #001f60}
.orb.one{background:rgba(95,198,255,.13);border-color:rgba(190,232,255,.25)}
.orb.two{background:rgba(255,255,255,.08);border-color:rgba(190,232,255,.2)}
.image-tag{background:rgba(5,27,65,.84);color:#dff4ff;border:1px solid rgba(143,207,255,.32);backdrop-filter:blur(8px)}
.course-body{padding:23px}
.course-meta{color:#6f86a9;flex-wrap:wrap}
.course-body h3{color:#102b54}
.course-body p{color:#71829c}
.course-footer{border-color:#e4edf9}
.course-footer strong{color:#075fd8}
.empty{background:rgba(255,255,255,.92);border-color:#bdd6f7;box-shadow:0 12px 32px rgba(8,45,103,.05)}
/* Login, profile, and all forms */
.auth-wrap{background:#fff;border-color:#d9e6f7;border-radius:27px;box-shadow:0 24px 65px rgba(7,43,99,.13)}
.auth-decoration{background:radial-gradient(circle at 80% 20%,rgba(0,149,255,.3),transparent 30%),linear-gradient(145deg,#04132d,#092e68 68%,#075bd5);}
.auth-decoration:after{content:"✦　✧　✦";position:absolute;right:35px;top:25px;color:#8ddcff;letter-spacing:17px;opacity:.65}
.auth-decoration h1{letter-spacing:-.8px}
.auth-decoration h1 em{color:#69d5ff}
.auth-card{background:#fff}
.auth-card.standalone{border-color:#dce8f8;box-shadow:0 20px 54px rgba(8,45,105,.12)}
.stack>label,.form-grid>label,.inline-form>label{color:#30496e}
.form-grid input,.form-grid select,.form-grid textarea,.stack input,.inline-form select,.admin-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.admin-main select,.admin-main textarea,.school-dashboard input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.school-dashboard select,.school-dashboard textarea{background:#f7faff;border-color:#d7e5f7;color:#142d55;border-radius:13px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.stack input:focus,.admin-main input:focus,.admin-main select:focus,.admin-main textarea:focus{border-color:#57aaff;box-shadow:0 0 0 4px rgba(22,126,255,.12)}
.profile-banner{background:linear-gradient(110deg,#e8f3ff,#f7fbff);border:1px solid #d6e8ff}
.profile-icon{background:linear-gradient(145deg,#c6e6ff,#e8f4ff);color:#0759ca}
.alert{background:#eef7ff;border-color:#c8e4ff;color:#1455a4;border-radius:14px}
.alert.error{background:#fff0f2;border-color:#ffd1d8;color:#a9233d}
/* Course detail and content */
.course-detail{gap:25px}
.detail-main{background:radial-gradient(circle at 90% 0,rgba(54,156,255,.12),transparent 30%),#fff;border:1px solid #dce8f8;border-radius:25px;box-shadow:var(--shadow)}
.detail-highlights span{background:#f0f7ff;border-color:#dcecff;border-radius:12px}
.detail-purchase{background:#fff;border:1px solid #dce8f8;border-radius:23px;box-shadow:var(--shadow)}
.purchase-cover{border-radius:15px;overflow:hidden}
.lesson,.exam-item{border-color:#dce8f8;border-radius:15px}
.exam-item{background:#f9fbff}
.exam-item:hover{border-color:#9bcaff}
/* Exam taking */
.exam-toolbar{padding:22px 25px;border:1px solid rgba(97,174,255,.4);border-radius:21px;background:radial-gradient(ellipse at 90% 0,rgba(0,117,255,.22),transparent 45%),linear-gradient(120deg,#06162f,#0a2c60);box-shadow:0 16px 35px rgba(3,32,79,.16);color:#fff}
.exam-toolbar .muted{color:#b9d0ee}
.exam-toolbar .eyebrow{color:#8bdbff}
.timer{border:1px solid rgba(88,185,255,.4);background:rgba(9,53,111,.72);color:#8ce2ff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(0,106,255,.12);border-radius:16px}
.question{background:#fff;border:1px solid #dce8f8;border-radius:20px;box-shadow:0 9px 28px rgba(10,47,104,.055)}
.question-header .number{background:linear-gradient(135deg,#087fff,#0754d8);color:#fff;box-shadow:0 6px 14px rgba(0,102,230,.18)}
.options{gap:12px}
.option{background:#f8fbff;border-color:#dce8f8;border-radius:14px;transition:background .18s,border-color .18s,box-shadow .18s}
.option:hover{background:#eef7ff;border-color:#91c8ff}
.option:has(input:checked){background:linear-gradient(100deg,#e8f4ff,#f7fbff);border-color:#2588ff;box-shadow:0 0 0 2px rgba(31,133,255,.09)}
.option .circle{background:#e8f1ff;color:#155ec5}
.option:has(input:checked) .circle{background:#096ff0;color:#fff}
.quiz-sidebar{background:linear-gradient(160deg,#fff,#f6faff);border-color:#d8e7fa}
.question-index a{border-color:#d6e4f7;background:#fff;color:#36577f}
.question-index a.answered{background:#dff2ff;border-color:#6bb9ff;color:#075cc9}
.question-index a:hover{border-color:#087cff}
/* Results and certificates */
.result-card{background:radial-gradient(ellipse at 50% 0,rgba(43,143,255,.09),transparent 38%),#fff;border:1px solid #d6e6fa;border-radius:28px;box-shadow:0 24px 65px rgba(8,44,100,.13)}
.result-icon{background:linear-gradient(135deg,#d9f5ff,#e4ecff);color:#0868e9;box-shadow:0 10px 30px rgba(9,106,226,.12)}
.score-ring{border-color:#0b82f7;box-shadow:inset 0 0 0 9px #e9f4ff,0 12px 32px rgba(0,107,255,.12)}
.score-ring strong{color:#075bd2}
.result-fields{background:#f7faff;border-color:#dce8f8}
.result-fields>div{border-bottom:1px solid #e3edf9}
.result-fields span{color:#7184a1}
.result-fields b{color:#17365f}
.certificate-card{background:radial-gradient(circle at 50% 0,#d9efff,#fff 60%);border-color:#77b8ff;box-shadow:0 18px 50px rgba(8,48,107,.12)}
.certificate-card h1{color:#064fb9}
.cert-verification{background:#eef7ff;border:1px solid #d8eaff}
/* Admin interface — premium dark sidebar + clean light workspace */
.admin-layout{max-width:1600px;gap:23px;margin-top:27px}
.admin-side{background:linear-gradient(165deg,#06162f,#092652 65%,#073d88);border:1px solid rgba(85,165,255,.3);border-radius:24px;box-shadow:0 20px 48px rgba(4,27,66,.22);color:#edf6ff}
.admin-side-head{border-color:rgba(137,188,255,.18)}
.admin-side-head small{color:#9dbde6}
.admin-symbol{background:linear-gradient(145deg,#24a3ff,#0755dc);box-shadow:0 8px 24px rgba(0,120,255,.3)}
.admin-side nav a{color:#b8cde9;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s}
.admin-side nav a:hover,.admin-side nav a.active{background:linear-gradient(100deg,rgba(18,125,255,.24),rgba(18,125,255,.08));border-color:rgba(82,170,255,.25);color:#fff}
.admin-home{color:#81cfff;border-color:rgba(137,188,255,.18)}
.admin-heading{align-items:flex-start}
.admin-heading h1{color:#0a234b}
.admin-heading p{color:#7386a4}
.stats-grid{gap:16px}
.stat-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce8f8;border-radius:19px;box-shadow:0 10px 28px rgba(9,48,108,.07);transition:transform .2s,box-shadow .2s}
.stat-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#23c5ff,#0875ff,#625bff)}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(9,72,153,.12)}
.stat-card strong{color:#075bd2}
.stat-icon{color:#1689ff}
.quicklinks a{background:linear-gradient(135deg,#eff7ff,#e4f1ff);border-color:#cde4ff;color:#105ac1;transition:transform .18s,box-shadow .18s}
.quicklinks a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,100,220,.12)}
table{min-width:650px;background:#fff}
th{background:#edf5ff;color:#4b668c}
th,td{border-bottom-color:#e5edf8}
tbody tr:hover{background:#f4f9ff}
.form-caption{color:#1055b2;background:#edf5ff;border:1px solid #dcecff}
.admin-question{background:#f9fbff;border-color:#dce8f8;border-radius:15px}
.admin-question:hover{border-color:#9bcaff}
.backup-command{border:1px solid #244b7f;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.admin-audit-table td{overflow-wrap:anywhere}
/* School manager dashboard */
.school-dashboard .panel{background:#fff;border-color:#dce8f8;box-shadow:0 12px 32px rgba(9,47,106,.07)}
.school-dashboard .school-switch{background:#f5f9ff;border:1px solid #dce9fa;border-radius:17px;padding:16px}
.school-dashboard .stats-grid{margin-top:24px}
/* Installer and system pages */
.installer{min-height:70vh}
.install-panel{background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #d7e6f8;border-radius:26px;box-shadow:0 24px 65px rgba(8,44,100,.13)}
.brand-badge{display:inline-flex;align-items:center;gap:9px;background:#eaf5ff;border:1px solid #d5e9ff;border-radius:14px;padding:8px 14px;color:#075ecf}
/* Bottom navigation */
.bottom-nav{bottom:13px;background:rgba(5,20,45,.96);border:1px solid rgba(98,171,255,.32);box-shadow:0 18px 50px rgba(3,18,45,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.bottom-nav a{color:#a7bfdf;transition:background .18s,color .18s}
.bottom-nav a.active{background:linear-gradient(135deg,#0e86ff,#0754d6);color:#fff;box-shadow:0 6px 18px rgba(0,102,255,.28)}
.bottom-nav a:hover{color:#fff}
#toast{background:linear-gradient(120deg,#0a75ed,#073d9d);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 40px rgba(4,29,73,.28);backdrop-filter:blur(12px)}
.site-credit{border-color:#d8e6f8;color:#7185a4}
.site-credit a{color:#075fd8;border-color:#a8d1ff}
.site-credit a:hover{color:#0345a3;border-color:#0345a3}
/* Subtle motion, disabled for users who request reduced motion */
@keyframes padFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes padOrbit{from{transform:rotateX(65deg) rotate(-20deg)}to{transform:rotateX(65deg) rotate(340deg)}}
@media(max-width:1100px){
 .topbar{padding-inline:22px}.hero-content{padding:48px 36px}.hero-ball{width:235px;height:235px}.admin-layout{grid-template-columns:210px minmax(0,1fr)}
}
@media(max-width:800px){
 .topbar{position:relative;min-height:76px}.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero-content{padding:38px 32px 26px}.hero-visual{min-height:205px}.hero-ball{width:190px;height:190px;margin:0 0 8px}.hero-ball-core:before{font-size:72px}.card-top{top:9px;right:5%}.card-bottom{bottom:10px;left:5%}.hero-visual:before{width:220px;height:220px;min-width:220px;min-height:220px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{display:block}.admin-side{position:relative;top:auto;margin-bottom:20px}.admin-side nav{scrollbar-width:thin;padding-bottom:4px}.admin-side nav a{flex:0 0 auto}.admin-side nav a:hover,.admin-side nav a.active{background:rgba(18,125,255,.22)}.admin-main{min-width:0}.table-scroll{border:1px solid #dce8f8;border-radius:15px}.admin-heading{margin-top:8px}.school-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 body{padding-bottom:105px}.topbar{padding:10px 13px;min-height:69px;gap:8px}.logo{font-size:18px;gap:8px;min-width:0}.logo small{font-size:8px}.logo-icon{width:39px;height:39px;border-radius:12px;flex:0 0 39px}.logo-icon:before{font-size:21px}.top-actions{gap:6px}.top-actions .btn{padding:7px 10px;font-size:10px}.user-chip{padding:4px 8px 4px 4px;font-size:11px;gap:5px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:29px;height:29px;flex:0 0 29px}.hero{margin-top:15px;border-radius:21px}.hero-content{padding:28px 22px 18px}.hero h1{font-size:clamp(27px,7.2vw,34px);line-height:1.55}.hero p{font-size:12px;line-height:2}.hero-stats{gap:15px;margin-top:20px}.hero-stats b{font-size:17px}.hero-visual{min-height:155px}.hero-ball{width:150px;height:150px;min-width:0;min-height:0}.hero-ball-core:before{font-size:58px}.hero-visual:before{width:170px;height:170px;min-width:170px;min-height:170px}.hero-visual:after{font-size:14px;letter-spacing:9px}.floating-card{font-size:9px;padding:8px 10px}.card-top{top:4px;right:1%}.card-bottom{bottom:6px;left:1%}.course-grid{grid-template-columns:minmax(0,1fr);gap:15px}.course-cover{height:190px}.course-body{padding:18px}.section-head{align-items:flex-start;flex-direction:column;gap:8px;margin:34px 0 17px}.section-head h2{font-size:22px}.section-head .pill{display:inline-block}.panel{padding:17px;border-radius:17px}.auth-wrap{width:calc(100% - 26px);margin:22px auto;border-radius:20px}.auth-card{padding:25px 20px}.auth-card.standalone{padding:23px 18px;margin:24px auto}.auth-decoration{display:none}.form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.form-grid>.full{grid-column:1}.form-grid input,.form-grid select,.form-grid textarea,.stack input{font-size:16px;min-height:48px}.course-detail{grid-template-columns:minmax(0,1fr)}.detail-main{padding:22px 18px}.detail-purchase{padding:18px}.exam-toolbar{padding:17px 14px;gap:10px}.exam-toolbar h1{font-size:20px;overflow-wrap:anywhere}.timer{min-width:80px;font-size:17px;padding:10px}.exam-grid{grid-template-columns:minmax(0,1fr)}.quiz-sidebar{order:-1}.question{padding:15px}.options{grid-template-columns:minmax(0,1fr)}.result-card{padding:22px 14px;border-radius:21px}.result-fields{grid-template-columns:minmax(0,1fr);padding:10px}.result-fields>div{min-width:0}.result-fields b{overflow-wrap:anywhere}.result-buttons{gap:8px}.result-buttons .btn{flex:1 1 100%}.admin-layout{padding:0 10px;margin-top:15px}.admin-side{padding:13px 10px;border-radius:18px}.admin-side nav{gap:4px}.admin-side nav a{padding:9px 11px;font-size:11px}.admin-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.admin-heading h1{font-size:25px;overflow-wrap:anywhere}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:13px 12px;min-width:0}.stat-card strong{font-size:25px;overflow-wrap:anywhere}.quicklinks{gap:8px}.quicklinks a{font-size:11px;padding:9px 10px}.inline-form{align-items:stretch;flex-direction:column}.inline-form label{min-width:0;width:100%}.admin-question{align-items:flex-start;flex-direction:column;gap:10px}.table-scroll{max-width:calc(100vw - 40px)}table{min-width:620px}.bottom-nav{width:calc(100% - 20px);bottom:7px;padding:6px;gap:2px;border-radius:17px}.bottom-nav a{flex:1;min-width:0;padding:6px 3px;font-size:10px}.bottom-nav a span{font-size:21px}#toast{max-width:calc(100% - 28px);width:max-content;min-width:0}#toast.show{bottom:88px}.site-credit{width:calc(100% - 28px);font-size:10px;padding:14px 5px}.install-panel{padding:22px 17px}.certificate-card{padding:26px 12px;border-width:4px}.certificate-card h1{font-size:25px}.certificate-card h2{font-size:19px}.cert-verification{flex-direction:column;text-align:center}.school-dashboard .school-switch{padding:12px}.school-dashboard .school-switch label{min-width:0}.backup-command{font-size:10px}
}
@media(max-width:380px){.logo{font-size:16px}.logo small{display:none}.top-actions .btn{padding:6px 8px}.hero-content{padding-inline:17px}.hero h1{font-size:26px}.hero-stats{gap:10px}.hero-stats b{font-size:15px}.bottom-nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{body,body:before{background:#fff!important;color:#111!important}.topbar{position:static;background:#fff!important;color:#111!important;box-shadow:none!important}.admin-side,.bottom-nav{display:none!important}.panel,.result-card,.certificate-card{box-shadow:none!important}}