:root{--ink:#0b163d;--body:#64748b;--blue:#1856e8;--teal:#16b8b1;--line:#d9e7f6;--ice:#f4f9ff;--white:#fff;--dark:#0d1725;--violet:#7064ff;--mint:#62e6c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{width:min(1480px,calc(100% - 80px));height:92px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:850;letter-spacing:.07em}.logo b{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--blue),#6b65ff)}.topbar nav{display:flex;gap:38px;font-size:13px;font-weight:700}.topbar nav a:hover{color:var(--blue)}.top-actions{justify-self:end;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700}.top-actions form{margin:0}.top-actions button{border:0;background:transparent}.primary,.secondary{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;font-size:12px;font-weight:800;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),#6565ef);box-shadow:0 12px 27px rgba(24,86,232,.2)}.secondary{border:1px solid #a6c3ef;color:var(--blue);background:#fff}.primary.small{min-height:39px;padding:0 14px;font-size:10px}.page{min-height:calc(100vh - 180px)}.notice{width:min(1200px,calc(100% - 40px));margin:18px auto;padding:13px 16px;border-radius:11px;font-size:11px}.notice.success{border:1px solid #a9e6d9;color:#087967;background:#effaf7}.notice.error{border:1px solid #f1b8c2;color:#9a3850;background:#fff3f5}.hero{width:min(1480px,calc(100% - 80px));min-height:670px;margin:auto;padding:65px 0 70px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.eyebrow{color:#069f9d;font-size:10px;font-weight:850;letter-spacing:.16em}.hero h1,.page-heading h1,.course-detail h1{max-width:720px;margin:18px 0 22px;font-size:clamp(48px,5vw,74px);line-height:1.06;letter-spacing:-.05em}.hero>div>p:last-of-type,.page-heading>p:last-child,.course-detail>div>p{max-width:640px;color:var(--body);font-size:17px;line-height:1.65}.hero-actions{margin-top:30px;display:flex;gap:14px}.hero-stats{margin-top:38px;display:flex}.hero-stats span{padding:0 24px;border-right:1px solid var(--line);color:#7e8da2;font-size:10px}.hero-stats span:first-child{padding-left:0}.hero-stats span:last-child{border:0}.hero-stats b{margin-right:5px;color:var(--ink);font-size:18px}.exam-preview{overflow:hidden;border:1px solid #2e3b4e;border-radius:20px;color:#eef4fb;background:linear-gradient(145deg,#0c1420,#121d2c);box-shadow:0 35px 75px rgba(17,50,93,.23)}.exam-preview>header{height:61px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a374a;font-size:11px}.exam-preview>header span{color:#9faabe}.preview-body{padding:31px}.preview-body small{color:var(--mint);font-size:9px}.preview-body p{min-height:80px;font-size:14px;line-height:1.65}.preview-body>span{min-height:47px;margin-top:9px;padding:9px 13px;display:flex;align-items:center;gap:11px;border:1px solid #2e3b4e;border-radius:9px;color:#aab6c6;font-size:11px}.preview-body>span.selected{border-color:var(--violet);color:#fff;background:rgba(112,100,255,.09)}.preview-body>span i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #4d5b70;border-radius:7px;font-size:9px;font-style:normal}.section{padding:75px max(40px,calc((100vw - 1480px)/2));background:#fff}.section-head{margin-bottom:30px;display:flex;align-items:end;justify-content:space-between}.section-head h2{margin:8px 0 0;font-size:34px}.section-head>a{color:var(--blue);font-size:10px;font-weight:800}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(38,74,122,.11)}.course-cover{height:190px;padding:22px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff;background:linear-gradient(140deg,#174ddd,#6590ff)}.course-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:34px 34px}.course-cover small{position:absolute;left:20px;top:18px;font-size:8px;font-weight:850;letter-spacing:.13em;opacity:.75}.course-cover strong{position:relative;font-size:50px;letter-spacing:-.06em}.tone-teal{background:linear-gradient(140deg,#087d8a,#22cbb9)}.tone-violet{background:linear-gradient(140deg,#5139b5,#8c75ff)}.tone-amber{background:linear-gradient(140deg,#a65d0e,#efaf4d)}.tone-rose{background:linear-gradient(140deg,#a43a64,#ed7ca6)}.tone-cyan{background:linear-gradient(140deg,#08729c,#4cc6e7)}.course-card>div{padding:22px}.course-card h3{margin:12px 0 9px;font-size:19px}.course-card p{min-height:58px;margin:0;color:var(--body);font-size:11px;line-height:1.65}.course-card>div>span:last-child{margin-top:18px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f8;font-size:10px}.course-card>div>span:last-child a{color:var(--blue);font-weight:800}.pills{display:flex;gap:7px}.pills i{padding:5px 7px;border-radius:6px;color:#55718f;background:#eff5fc;font-size:7px;font-style:normal;font-weight:800}footer{min-height:95px;padding:25px max(40px,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;color:#8492a7;background:var(--dark);font-size:9px}footer strong{color:#fff;font-size:13px;letter-spacing:.08em}.page-heading{width:min(1480px,calc(100% - 80px));margin:auto;padding:70px 0}.back{display:inline-block;margin-bottom:35px;color:#75849a;font-size:10px;font-weight:750}.course-detail{width:min(1380px,calc(100% - 80px));min-height:710px;margin:auto;padding:70px 0 90px;display:grid;grid-template-columns:1fr 420px;gap:85px;align-items:center}.buy-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 25px 60px rgba(34,70,119,.12)}.buy-card .course-cover{height:210px}.buy-card>div:last-child{padding:24px}.buy-card>div:last-child>span{display:flex;align-items:center;justify-content:space-between;color:#738197;font-size:11px}.buy-card>div:last-child>span b{color:var(--ink);font-size:24px}.buy-card ul{margin:21px 0;padding:20px 0 20px 20px;display:grid;gap:11px;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;color:#62738a;font-size:11px}.buy-card .primary{width:100%}.auth-card,.checkout,.empty-state{width:min(480px,calc(100% - 32px));margin:70px auto;padding:35px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 24px 55px rgba(38,74,122,.08)}.auth-card h1,.checkout h1,.empty-state h1{margin:12px 0;font-size:32px;letter-spacing:-.04em}.auth-card>p,.checkout>div>p,.empty-state p{color:var(--body);font-size:11px;line-height:1.65}.auth-card form{margin-top:25px;display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#5d6e84;font-size:10px;font-weight:750}.auth-card input{height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:0}.auth-card input:focus{border-color:#7297ec;box-shadow:0 0 0 3px #edf3ff}.auth-card button{width:100%;margin-top:4px}.auth-card>small{display:block;margin-top:20px;color:#8c99aa;font-size:9px;text-align:center}.auth-card>small a{color:var(--blue);font-weight:750}.checkout dl{margin:25px 0}.checkout dl div{padding:13px 0;display:flex;justify-content:space-between;border-top:1px solid #edf2f8;font-size:10px}.checkout dt{color:#7e8ca0}.checkout dd{margin:0}.checkout form button{width:100%}.checkout>div>small{display:block;margin-top:15px;color:#8e9aac;font-size:8px;line-height:1.5}.dashboard-heading{width:min(1250px,calc(100% - 50px));margin:55px auto 30px}.dashboard-heading h1{margin:10px 0;font-size:38px}.dashboard-heading>p:last-child{color:var(--body);font-size:11px}.dashboard-grid,.quiz-list{width:min(1250px,calc(100% - 50px));margin:0 auto 75px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.dashboard-course{padding:22px;display:grid;grid-template-columns:120px 1fr;gap:21px;border:1px solid var(--line);border-radius:17px;background:#fff}.mini-cover{height:120px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(140deg,#174ddd,#6590ff);font-size:31px;font-weight:850}.dashboard-course small{color:#8b99aa;font-size:7px;font-weight:800;letter-spacing:.12em}.dashboard-course h3{margin:7px 0 12px}.dashboard-course>div:last-child>span{height:5px;display:block;overflow:hidden;border-radius:5px;background:#edf2f8}.dashboard-course>div:last-child>span i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--teal))}.dashboard-course p{margin:5px 0 12px;color:#8592a5;font-size:8px}.empty-inline{grid-column:1/-1;padding:40px;border:1px dashed #b9cbe1;border-radius:16px;text-align:center}.quiz-list{grid-template-columns:1fr}.quiz-list article{min-height:90px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff}.quiz-list article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:#eaf2ff;font-size:11px;font-weight:850}.quiz-list small{color:#8997aa;font-size:7px;font-weight:800;letter-spacing:.12em}.quiz-list h3{margin:5px 0 3px;font-size:14px}.quiz-list p{margin:0;color:#8a97aa;font-size:8px}.quiz-shell,.demo-exam{width:min(1000px,calc(100% - 40px));margin:45px auto;overflow:hidden;border-radius:20px;color:#eef4fb;background:linear-gradient(145deg,#0d1623,#142135);box-shadow:0 30px 70px rgba(18,44,82,.24)}.quiz-shell>header,.demo-exam>header{height:76px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c394c}.quiz-shell h1,.demo-exam h1{margin:5px 0 0;font-size:17px}.quiz-shell header small,.demo-exam header small{color:var(--mint);font-size:8px}.quiz-shell header strong,.demo-exam header strong{font-size:14px}.quiz-question,.demo-question{padding:40px}.quiz-question>small,.demo-question>small{color:#8e9caf;font-size:9px}.quiz-question>p,.demo-question>p{min-height:90px;font-size:16px;line-height:1.65}.quiz-option,.demo-question label{min-height:55px;margin-top:10px;padding:10px 14px;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;border:1px solid #334155;border-radius:10px;color:#aeb9c8}.quiz-option input,.demo-question label input{display:none}.quiz-option span,.demo-question label span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #536177;border-radius:8px;font-size:9px}.quiz-option b,.demo-question label b{font-size:11px;font-weight:600}.quiz-question .primary,.demo-question .primary{margin-top:25px}.admin-view .page{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-nav{height:100vh;padding:24px 17px;position:sticky;top:0;color:#dfe7f3;background:var(--dark)}.admin-nav .logo{color:#fff}.admin-nav nav{margin-top:35px;display:grid;gap:5px}.admin-nav nav a{height:41px;padding:0 12px;display:flex;align-items:center;border-radius:9px;color:#8f9db0;font-size:10px;font-weight:650}.admin-nav nav a.active{color:#fff;background:linear-gradient(135deg,#2859d7,#655eea)}.admin-main{padding:30px 34px}.admin-main>header{display:flex;justify-content:space-between;align-items:center}.admin-main>header small,.admin-panel small{color:#8c99ac;font-size:8px;font-weight:800;letter-spacing:.12em}.admin-main>header h1{margin:5px 0;font-size:27px}.admin-cards{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-cards article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-cards small,.admin-cards b{display:block}.admin-cards small{color:#8b98aa;font-size:7px;font-weight:800;letter-spacing:.1em}.admin-cards b{margin-top:12px;font-size:22px}.admin-panel{margin-top:15px;padding:20px;overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.admin-panel h2{margin:0;font-size:17px}table{width:100%;margin-top:16px;border-collapse:collapse;font-size:9px}th,td{padding:13px 10px;border-bottom:1px solid #edf2f8;text-align:left}th{color:#8d9aac;background:#f7f9fc;font-size:7px;text-transform:uppercase}.status{padding:4px 7px;border-radius:6px}.status.published,.status.completed{color:#0a927c;background:#e8f8f4}.status.draft,.status.queued,.status.processing{color:#9c681c;background:#fff1dc}.import-box{margin-top:22px;padding:25px;border:1px solid #b6e6dc;border-radius:16px;background:#effaf7}.import-box h2{margin:0 0 9px}.import-box p{max-width:750px;color:#647a77;font-size:10px;line-height:1.65}.import-box form{margin-top:17px;display:flex;gap:12px;align-items:center}.import-box input{padding:10px;border:1px solid #b9d8d1;border-radius:9px;background:#fff;font-size:9px}.demo-exam{max-width:850px}.empty-state{text-align:center}@media(max-width:1000px){.topbar,.hero,.page-heading,.course-detail{width:calc(100% - 40px)}.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}.course-detail{grid-template-columns:1fr}.buy-card{max-width:500px}.admin-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:76px}.top-actions>.primary,.topbar .top-actions>a:first-child{display:none}.hero{padding-top:45px}.hero h1,.page-heading h1,.course-detail h1{font-size:45px}.hero-actions{flex-direction:column}.hero-stats{align-items:flex-start;flex-direction:column;gap:12px}.hero-stats span{padding:0;border:0}.course-grid,.dashboard-grid{grid-template-columns:1fr}.section{padding-left:16px;padding-right:16px}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.course-detail{padding-top:45px}.dashboard-course{grid-template-columns:1fr}.admin-view .page{grid-template-columns:1fr}.admin-nav{display:none}.admin-main{padding:20px 14px}.admin-cards{grid-template-columns:1fr}.import-box form{align-items:stretch;flex-direction:column}.quiz-question,.demo-question{padding:24px}.footer{padding:25px 16px}}