:root{--ink:#17233d;--ink-2:#33415e;--muted:#74809a;--blue:#4c5cf6;--blue-dark:#3343ce;--violet:#7142d8;--lime:#d8fb57;--lime-ink:#263000;--paper:#f5f7fc;--card:#fff;--line:#e4e9f3;--danger:#b42318;--success:#177b53;--shadow:0 14px 34px rgba(31,47,90,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 5% -5%,#e3e7ff 0,transparent 23rem),var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:3px}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(224,230,242,.9)}.nav-wrap{max-width:1240px;min-height:74px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:860;letter-spacing:-.045em;text-decoration:none;color:var(--ink);white-space:nowrap}.brand>span:last-child span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#132043;background:var(--lime);font-size:17px;box-shadow:inset 0 0 0 1px rgba(36,48,0,.1)}.primary-nav{display:flex;align-items:center;gap:22px;flex:1}.primary-nav a,.logout-link,.login-link{font-weight:720;text-decoration:none;color:var(--ink-2);font-size:14px}.primary-nav a:hover,.logout-link:hover,.login-link:hover{color:var(--blue)}.nav-back{margin-left:auto}.nav-account{display:flex;align-items:center;gap:11px}.score-chip{display:inline-flex;align-items:center;gap:5px;background:#f0f2ff;padding:7px 10px;border-radius:999px;color:#4651c5;text-decoration:none;font-size:12px;font-weight:800}.avatar-link{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#4862ef,#8a54d8);color:#fff;text-decoration:none;font-size:13px;font-weight:850}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),#5f52dc);padding:12px 19px;color:#fff;font-weight:800;text-decoration:none;cursor:pointer;font-size:14px;box-shadow:0 7px 16px rgba(66,78,216,.21);transition:transform .16s,box-shadow .16s,filter .16s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(66,78,216,.28);filter:brightness(1.02)}.button-small{padding:9px 13px;border-radius:9px;font-size:13px}.button.lime{background:var(--lime);color:var(--lime-ink);box-shadow:none}.button.secondary{background:#edf0ff;color:#3b4ab5;box-shadow:none}.button.secondary:hover{background:#e5e9ff}.login-link{padding:8px}main{max-width:1240px;margin:auto;padding:56px 30px 70px;min-height:calc(100vh - 204px)}footer{padding:34px 30px;background:#101b36;color:#b7c0d6}.footer-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:22px}.footer-inner .brand{color:#fff}.footer-inner p{margin:0;font-size:13px}.footer-note{margin-left:auto!important;color:#8490ab}.hero{padding:70px;min-height:425px;border-radius:30px;background:linear-gradient(128deg,#152b6f 0%,#373099 58%,#7046c9 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 28px 55px rgba(45,48,130,.24)}.hero:before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-185px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.05),0 0 0 115px rgba(255,255,255,.04),0 0 0 205px rgba(255,255,255,.025)}.hero:after{content:"✓";position:absolute;right:9%;bottom:-115px;color:var(--lime);font-size:310px;font-weight:900;opacity:.2}.hero>*{position:relative;z-index:1}.eyebrow{font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:#717eeb;font-size:11px}.hero .eyebrow{color:var(--lime)}.hero h1{font-size:clamp(42px,6vw,73px);letter-spacing:-.06em;line-height:.99;max-width:720px;margin:15px 0 20px}.hero p{max-width:580px;font-size:18px;color:#e6e8ff;margin-bottom:28px}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:27px;box-shadow:0 1px 1px rgba(38,53,94,.02);transition:transform .17s,box-shadow .17s,border-color .17s}.card:hover{border-color:#d7def8;box-shadow:var(--shadow)}.card h2,.card h3{letter-spacing:-.035em;line-height:1.13;margin:10px 0}.stat{font-size:39px;letter-spacing:-.06em;font-weight:880;line-height:1.08;margin:5px 0}.muted{color:var(--muted)}.section{margin-top:52px}.section>h2{font-size:26px;letter-spacing:-.04em}.progress{background:#e8ebf4;border-radius:99px;height:9px;overflow:hidden;margin-top:12px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:inherit}.notice{padding:14px 17px;border-radius:12px;margin-bottom:22px;font-weight:680;border:1px solid transparent}.notice.success{background:#eaf8ef;color:#176141;border-color:#c7ecd8}.notice.error{background:#fff0ef;color:#a53b36;border-color:#ffd8d4}form{max-width:720px}label{display:block;margin:18px 0 7px;font-weight:780;font-size:14px}input,textarea,select{width:100%;border:1px solid #d6ddea;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit;transition:border .15s,box-shadow .15s}textarea{min-height:112px;resize:vertical}input:focus,textarea:focus,select:focus{outline:0;box-shadow:0 0 0 4px #e3e7ff;border-color:var(--blue)}.option{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:12px;margin:11px 0;background:#fff;cursor:pointer;transition:border .15s,transform .15s}.option input{width:auto;accent-color:var(--blue)}.option:hover{border-color:var(--blue);transform:translateX(2px)}.question{margin:0 auto;max-width:850px}.question h1{font-size:32px;letter-spacing:-.045em}.question .card{box-shadow:var(--shadow)}.tag{display:inline-flex;align-items:center;background:#eef0ff;color:#4954ba;padding:5px 10px;border-radius:999px;font-weight:820;font-size:11px;letter-spacing:.02em}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:15px 13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:0}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.certificate{max-width:850px;margin:20px auto;padding:70px;background:#fffdf6;border:11px double #d4ad47;text-align:center;box-shadow:var(--shadow)}.certificate h1{font-family:Georgia,serif;font-size:52px;margin:10px}.certificate .name{font:italic 34px Georgia,serif;color:#422b15}.admin-note{background:#fff7df;border:1px solid #ffe5a8;border-left:4px solid #efa900;padding:14px;border-radius:9px}.inline{display:flex;gap:12px;align-items:end}.inline>*{flex:1}.admin-shell{background:#f6f7fb}.admin-shell .site-header{border-bottom:3px solid #7a55db}.admin-shell .eyebrow{color:#7a55db}@media(max-width:900px){.nav-wrap{padding:13px 21px;gap:16px;flex-wrap:wrap}.primary-nav{order:3;width:100%;overflow-x:auto;padding-bottom:3px}.nav-back{margin-left:0}.logout-link{display:none}.hero{padding:48px}.grid.three{grid-template-columns:1fr 1fr}}@media(max-width:620px){main{padding:36px 16px 54px}.nav-wrap{padding:12px 16px}.primary-nav{gap:16px}.nav-account{margin-left:auto}.score-chip{display:none}.hero{padding:35px 27px;min-height:390px;border-radius:22px}.hero h1{font-size:46px}.grid.three,.grid.two{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column;gap:11px}.footer-note{margin-left:0!important}.inline{display:block}.table{font-size:13px}.table th,.table td{padding:11px 8px}.card{padding:22px}}
.hero em{font-family:Georgia,serif;font-weight:500}.hero-proof{display:flex;gap:18px;align-items:center;font-size:12px;font-weight:750;color:#eef0ff;margin-top:33px}.hero-proof span{display:inline-flex;gap:5px;align-items:center}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-heading h2{margin:5px 0 0;font-size:28px;letter-spacing:-.045em}.section-heading>p{margin:0}.journey-card{position:relative;overflow:hidden;min-height:220px}.journey-number{position:absolute;right:20px;top:10px;color:#eff1ff;font-size:80px;font-weight:900;letter-spacing:-.08em;line-height:1}.metric-card{min-height:210px}.metric-card small{display:block;color:var(--muted);margin-top:11px}.metric-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;margin-bottom:14px;font-weight:850}.metric-icon.blue{background:#e9edff;color:#4156e8}.metric-icon.yellow{background:#f8f5d9;color:#766701}.metric-icon.purple{background:#f0eaff;color:#764bd4}.text-link{font-size:14px;font-weight:800;text-decoration:none}.leaderboard-preview{padding:8px 24px}.rank{display:inline-grid;place-items:center;min-width:35px;height:26px;border-radius:8px;background:#f0f2fb;color:#65708a;font-weight:820;font-size:12px}.rank-1{background:#fff4ce;color:#916c00}.rank-2{background:#eff2f7;color:#5f6d80}.rank-3{background:#fff0e8;color:#a95d33}@media(max-width:620px){.hero-proof{gap:11px;flex-wrap:wrap}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.journey-number{font-size:62px}}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:180px}.page-intro h1{margin:8px 0 13px;font-size:clamp(34px,4.5vw,54px);line-height:1;letter-spacing:-.06em}.page-intro h1 em{font-family:Georgia,serif;font-weight:500;color:#604dcc}.page-intro p{max-width:625px;margin:0;font-size:17px}.intro-aside{width:185px;min-height:155px;padding:22px;border-radius:19px;background:linear-gradient(145deg,#384bbb,#7951d4);color:#fff;display:flex;flex-direction:column;justify-content:end;box-shadow:0 14px 30px rgba(70,69,170,.2)}.intro-aside span{font-size:28px;color:var(--lime);margin-bottom:auto}.intro-aside strong{font-size:38px;line-height:1;letter-spacing:-.06em}.intro-aside small{opacity:.8;margin-top:6px}.learning-tip{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:14px;background:#fff;border:1px solid #e3e7f5;color:var(--ink-2);font-size:14px}.learning-tip>span{font-size:25px}.course-card{position:relative;min-height:245px;padding-left:102px}.course-symbol{position:absolute;left:27px;top:27px;width:51px;height:51px;border-radius:16px;display:grid;place-items:center;background:#eff1ff;color:#5967dc;font-size:23px;font-weight:800}.course-card .button{margin-top:8px}.exam-progress{min-width:230px;padding:20px 22px;border:1px solid #dfe4f5;border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(34,46,88,.04)}.exam-progress span,.exam-progress small{display:block;color:var(--muted);font-size:12px;font-weight:700}.exam-progress strong{display:block;margin:4px 0;font-size:34px;letter-spacing:-.06em}.exam-progress .progress{margin:10px 0}.exam-card{position:relative;min-height:290px;padding-top:69px}.exam-icon{position:absolute;right:25px;top:23px;font-size:28px;color:#6470dd}.final-card{background:linear-gradient(145deg,#fff 55%,#f4efff);border-color:#ded0ff}.final-card .exam-icon{color:#8855da}.exam-meta{display:flex;gap:13px;margin:20px 0;color:#63708c;font-size:13px;font-weight:750}.exam-meta span{background:#f4f6fb;padding:6px 9px;border-radius:8px}.locked-hint{display:flex;flex-direction:column;gap:3px;margin-top:16px;padding:12px;border-radius:10px;background:#fbf2ee;color:#96584b;font-size:12px}.locked-hint span{color:#a27569}@media(max-width:700px){.page-intro{align-items:flex-start;flex-direction:column;gap:20px}.intro-aside{width:100%;min-height:110px}.exam-progress{width:100%}.course-card{padding-left:95px}}@media(max-width:430px){.course-card{padding-left:22px;padding-top:91px}.course-symbol{left:22px;top:22px}.exam-meta{flex-wrap:wrap}}
.back-link{display:inline-block;margin-bottom:25px;font-size:14px;font-weight:780;text-decoration:none}.course-header{display:flex;justify-content:space-between;gap:32px;align-items:end;padding-bottom:31px;border-bottom:1px solid var(--line)}.course-header h1{font-size:44px;letter-spacing:-.055em;line-height:1.03;margin:7px 0 10px}.course-header p{margin:0;max-width:680px;font-size:17px}.course-progress{width:205px;flex:none;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:14px}.course-progress span,.course-progress small{display:block;font-size:12px;color:var(--muted);font-weight:720}.course-progress strong{display:block;font-size:26px;letter-spacing:-.05em;margin:2px 0}.course-progress .progress{margin:8px 0}.lesson-list{max-width:930px;margin:33px auto 0}.lesson-row{display:flex;align-items:center;gap:21px;padding:22px 4px;border-bottom:1px solid var(--line)}.lesson-row:last-child{border-bottom:0}.lesson-number{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#edf0fb;color:#5364d7;font-size:13px;font-weight:850}.lesson-row.is-complete .lesson-number{background:#e6f7ee;color:#168053}.lesson-content{flex:1}.lesson-content h2{font-size:19px;margin:7px 0 4px;letter-spacing:-.035em}.lesson-content p{margin:0;color:var(--muted);font-size:14px}.admin-intro{display:flex;justify-content:space-between;align-items:end;gap:25px}.admin-intro h1{margin:7px 0;font-size:46px;letter-spacing:-.06em}.admin-intro p{margin:0;max-width:620px}.admin-welcome{padding:15px 18px;border-radius:14px;background:#fff;border:1px solid #e6e1f5;font-size:14px;font-weight:800;color:#5f4baf}.admin-welcome span{font-size:21px;margin-left:8px}.admin-stats .card{position:relative;overflow:hidden}.admin-stats .card:after{content:"";position:absolute;right:-17px;bottom:-20px;width:80px;height:80px;border-radius:50%;background:#f0efff}.action-card{display:flex;gap:19px;align-items:flex-start}.action-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:15px;background:#e8ecff;color:#4c5cf6;font-size:23px;font-weight:850}.action-icon.purple{background:#f0eaff;color:#7c4ddd}@media(max-width:620px){.course-header{align-items:flex-start;flex-direction:column}.course-progress{width:100%}.lesson-row{align-items:flex-start;flex-wrap:wrap}.lesson-row .button{width:100%;margin-left:63px}.admin-intro{align-items:flex-start;flex-direction:column}.admin-intro h1{font-size:40px}}
.site-header{position:relative;background:#101b36;border:0;backdrop-filter:none;box-shadow:0 1px 0 rgba(255,255,255,.08)}.nav-wrap{min-height:70px;gap:38px}.site-header .brand{color:#fff;font-size:16px;letter-spacing:-.035em}.site-header .brand-mark{width:30px;height:30px;border-radius:9px;background:var(--lime);color:#18213a;font-weight:950;box-shadow:none}.brand-name{display:flex;flex-direction:column;line-height:1.05}.brand-name small{font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#aeb9d4;margin-bottom:3px}.brand-name{font-size:17px}.brand>span:last-child span{color:inherit}.primary-nav{justify-content:center;gap:5px}.primary-nav a{padding:8px 11px;border-radius:8px;color:#bcc5d8;font-size:13px;font-weight:720}.primary-nav a:hover{background:rgba(255,255,255,.09);color:#fff}.primary-nav .nav-back{margin-left:12px;border:1px solid rgba(255,255,255,.14);color:#e5eaff}.nav-account{margin-left:auto;gap:8px}.score-chip{background:rgba(216,251,87,.13);color:#e5ff8c;padding:7px 10px}.user-link{display:flex;align-items:center;gap:7px;color:#f4f6ff;font-size:13px;font-weight:750;text-decoration:none}.avatar-link{width:29px;height:29px;background:#5265dc;color:#fff;font-size:12px}.logout-link,.login-link{color:#b9c3d6;font-size:12px}.site-header .button-small{background:var(--lime);color:#202b09;box-shadow:none;padding:8px 12px}.site-header .button-small:hover{box-shadow:none;filter:brightness(.96)}.admin-shell .site-header{border-bottom:0}@media(max-width:900px){.nav-wrap{gap:13px}.primary-nav{justify-content:flex-start}.primary-nav .nav-back{margin-left:0}.user-link>span:last-child{display:none}}@media(max-width:620px){.site-header .brand-name small{display:none}.site-header .brand-name{font-size:15px}.nav-wrap{min-height:62px}.primary-nav{padding-top:2px}.primary-nav a{padding:6px 7px;font-size:12px}.site-header .button-small{font-size:12px}.login-link{display:none}}
