*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#16243b}a{color:#2465d7;text-decoration:none}h1{font-size:clamp(1.6rem,3vw,2.35rem);margin:0 0 12px}h2{font-size:1.35rem}h3{margin:5px 0 12px}p{line-height:1.6}small,.muted{color:#718096}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#101b34;color:#d8e3fa;padding:28px 17px;display:flex;flex-direction:column;gap:9px}.brand{font-size:23px;font-weight:900;color:white;margin-bottom:35px}.brand span,.authbrand span{color:#64a8ff}.sidebar small{font-size:11px;letter-spacing:1.5px;padding:0 12px;margin-bottom:10px}.nav{color:#c6d3eb;padding:13px 16px;border-radius:12px}.nav:hover,.nav.active{background:#243c68;color:white}.sidebottom{margin-top:auto;font-size:12px;display:grid;gap:8px}.sidebottom b{font-size:14px}.sidebottom .btn{background:#293f65;width:100%}.shell{margin-left:250px;min-height:100vh}.top{height:76px;background:white;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#728198}.pill{display:inline-block;background:#eaf3ff;color:#225cb4;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:700}.shell main{padding:32px 38px 70px;max-width:1450px;margin:auto}.hero{background:linear-gradient(115deg,#123b88,#5a5bd7);color:white;border-radius:24px;padding:38px;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.hero p{color:#dbe8ff;max-width:540px}.heroicon{font-size:110px;opacity:.65}.eyebrow{font-size:11px;letter-spacing:2px;color:#c4dfff;margin-bottom:12px}.btn{display:inline-block;background:#2467df;border:0;color:white;padding:12px 20px;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer}.hero .btn{background:white;color:#2357a4;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.card,.course{background:white;border:1px solid #e8edf5;border-radius:17px;padding:24px;box-shadow:0 5px 18px #1b36620a}.stats .card{display:grid;gap:12px}.stats strong{font-size:31px;color:#153e87}.stats span{color:#77849a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.course{color:#1c2b43;display:flex;flex-direction:column;align-items:flex-start;min-height:230px}.course:hover{border-color:#a6c6ff;transform:translateY(-2px)}.course p{color:#708098;flex:1}.course b{color:#2868d3}.courseicon{background:#eaf1ff;color:#2764d2;font-size:28px;border-radius:12px;width:54px;height:54px;display:grid;place-items:center;margin-bottom:16px}.stack{display:grid;gap:16px}.stack label{display:grid;gap:7px;font-weight:600;font-size:13px}.stack input:not([type=checkbox]):not([type=radio]),.stack textarea,.stack select{padding:13px;border:1px solid #d6deeb;border-radius:10px;font:inherit;width:100%;background:white}.alert{padding:14px;background:#ffe8e8;color:#9b2020;border-radius:10px;margin-bottom:20px}.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.authbrand{font-size:28px;font-weight:900;margin-bottom:25px}.authcard{width:min(100%,430px);background:white;border:1px solid #e3e9f4;padding:35px;border-radius:22px;box-shadow:0 10px 50px #20335b12}.authcard .btn{width:100%}.question{margin:15px 0}.option{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid #e5ebf4;border-radius:10px;margin:8px 0;cursor:pointer}.timer{position:sticky;top:0;background:#e8efff;color:#173b7e;padding:15px;border-radius:10px;font-weight:800;z-index:3}.price{font-size:28px;font-weight:800}.price small{font-size:13px}.adminforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.mobilebrand,.bottomnav{display:none}@media(max-width:850px){.sidebar{display:none}.shell{margin:0}.top{height:62px;padding:0 18px}.top>span{display:none}.mobilebrand{display:block;font-weight:900;color:#1b478a}.shell main{padding:22px 16px 95px}.hero{padding:24px}.heroicon{display:none}.stats{gap:8px}.stats .card{padding:15px}.stats strong{font-size:24px}.bottomnav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e4eaf3;display:flex;justify-content:space-around;padding:10px 4px;z-index:10}.bottomnav a{display:grid;justify-items:center;gap:4px;color:#2b5db0;font-size:22px}.bottomnav small{font-size:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.course{padding:17px}.adminforms{grid-template-columns:1fr}}

/* Batch 3 modern design system */
:root{--brand:#6558f5;--ink:#17233f;--glass:rgba(255,255,255,.86)}
body{background:radial-gradient(ellipse at 94% 0%,#e5dcff 0,transparent 37%),radial-gradient(ellipse at 3% 60%,#dff6ff 0,transparent 42%),#f6f8fe;color:var(--ink);-webkit-font-smoothing:antialiased}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-symbol{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#18c7c5);color:white;box-shadow:0 7px 20px #6558f544}.brand-logo{width:39px;height:39px;object-fit:contain;border-radius:11px}.brand-label{font-weight:850;letter-spacing:-.6px}
.hero{background:linear-gradient(120deg,var(--brand) 0%,#7365f4 45%,#20bfc6 110%)!important;position:relative;overflow:hidden;border:0!important;color:#fff!important;box-shadow:0 20px 45px #6658e52e}.hero:after{content:'';position:absolute;width:220px;height:220px;right:-60px;top:-85px;border:40px solid #ffffff16;border-radius:50%;pointer-events:none}.hero p,.hero h1,.hero small{color:#fff!important}
.card,.course,.authcard{background:var(--glass)!important;border:1px solid #e8eaf6!important;box-shadow:0 8px 32px #29386c0a;border-radius:19px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover,.course:hover{transform:translateY(-4px);box-shadow:0 18px 40px #37477c1a;border-color:#bfc5f5!important}
.btn{background:linear-gradient(120deg,var(--brand),#8274ff)!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 7px 17px #6558f52b;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 12px 24px #6558f540}.btn:active{transform:scale(.98)}
.nav{border-radius:12px!important;transition:background .2s ease,transform .2s ease,color .2s ease}.nav:hover{transform:translateX(4px);background:#ffffff1a}.nav.active{background:linear-gradient(110deg,var(--brand),#7b72e9)!important;color:#fff!important}
input,select,textarea{border-radius:12px!important;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:2px solid transparent;border-color:var(--brand)!important;box-shadow:0 0 0 4px #6558f51e!important}
.courseicon{background:linear-gradient(135deg,#eeeaff,#d6fbff)!important;color:var(--brand)!important;border-radius:16px!important}.pill{border-radius:100px!important}
.authwrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px!important}.authcard{width:min(100%,460px);padding:clamp(22px,5vw,40px)!important}.authbrand{margin-bottom:24px;display:flex;align-items:center;gap:10px}
.brand-preview{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed #c3c8e3;border-radius:14px;background:linear-gradient(120deg,#f1efff,#e7fbff)}.color-field input[type=color]{width:85px;height:48px;padding:4px;cursor:pointer}.branding-form input[type=file]{max-width:100%}
.admin-top,.top{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.admin-sidebar,.sidebar{box-shadow:6px 0 30px #18274b12}.admin-metrics .card strong,.stats .card strong{background:linear-gradient(120deg,var(--brand),#12b6c7);background-clip:text;-webkit-background-clip:text;color:transparent}
.admin-mobile-nav{scrollbar-width:none}.admin-mobile-nav a{white-space:nowrap;transition:background .2s,transform .2s}.admin-mobile-nav a:active{transform:scale(.96)}
@keyframes riseIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}main>.hero,main>.stats,main>.cards,main>.admin-metrics,main>.admin-columns{animation:riseIn .45s ease both}
@media(max-width:768px){body{font-size:15px}.shell main,.admin-main{padding:16px!important;padding-bottom:95px!important}.hero{border-radius:20px!important;padding:24px!important}.hero h1{font-size:clamp(25px,6vw,36px)!important}.stats,.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.cards{grid-template-columns:1fr!important;gap:14px!important}.card,.course{padding:18px!important}.bottomnav{padding-bottom:max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(16px);background:#fffffff2!important;box-shadow:0 -8px 30px #1a2b4b12}.bottomnav a{min-height:44px}.admin-columns{grid-template-columns:1fr!important}.admin-table{overflow-x:auto;max-width:100%}.admin-top{gap:12px}.admin-heading{gap:10px;flex-wrap:wrap}.brand-label{font-size:17px}.admin-mobile-nav{position:sticky;top:0;z-index:10;background:#f8f9ffed;padding:8px 0!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}