.admin{display:flex;min-height:100vh;background:var(--navy-900);color:var(--text)}.admin-side{position:relative;flex-shrink:0;padding:20px 16px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1024,#06070f);border-right:1px solid var(--glass-brd);min-width:170px;max-width:420px}.admin-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.admin-brand img{width:40px;height:auto}.admin-brand span{font-weight:800;letter-spacing:.04em;color:var(--gold)}.admin-side nav{display:flex;flex-direction:column;gap:6px}.admin-nav{text-align:left;background:none;border:1px solid transparent;color:var(--text-dim);font-family:inherit;font-size:14px;padding:11px 14px;border-radius:12px;cursor:pointer;transition:all .15s}.admin-nav:hover{color:var(--text);background:var(--glass)}.admin-nav.on{color:var(--gold);background:var(--gold-soft);border-color:var(--gold)}.admin-side-foot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px}.admin-pill{align-self:flex-start;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:3px 10px}.admin-exit{color:var(--text-faint);font-size:13px;text-decoration:none}.admin-exit:hover{color:var(--gold)}.admin-resize{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize}.admin-resize:hover{background:#f6c6674d}.admin-main{flex:1;min-width:0;padding:clamp(18px,3vw,40px);overflow-x:auto}.admin-main h1{font-size:clamp(22px,3vw,32px);margin-bottom:20px}.admin-main h1 .dim{font-size:16px;font-weight:400}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.admin-stat{background:var(--glass);border:1px solid var(--glass-brd);border-radius:16px;padding:18px 20px}.admin-stat .n{font-size:28px;font-weight:800;color:var(--gold)}.admin-stat .l{color:var(--text-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.admin-table{border:1px solid var(--glass-brd);border-radius:14px;overflow:hidden;min-width:520px}.admin-tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--glass-brd);font-size:14px}.admin-tr.p{grid-template-columns:2fr 1fr 1fr}.admin-tr:last-child{border-bottom:none}.admin-th{background:var(--glass);color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.admin-tr .mono{font-family:ui-monospace,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis}.admin-tr .ok{color:var(--green);font-weight:700}.admin-tr .no{color:var(--text-faint)}.admin-empty{padding:20px;color:var(--text-faint);text-align:center}.admin-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.admin-toolbar{display:flex;gap:10px;margin-bottom:14px}.admin-search{flex:1;max-width:320px;padding:10px 14px;border-radius:10px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text);font-family:inherit;font-size:14px;outline:none}.admin-search:focus{border-color:var(--gold)}.admin-screens{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.admin-screen{display:flex;align-items:center;gap:10px;text-align:left;padding:14px 16px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--text);font-family:inherit;font-size:14px;cursor:pointer;transition:all .15s}.admin-screen:hover{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}.admin-screen-i{font-family:ui-monospace,monospace;font-size:12px;color:var(--gold);background:var(--gold-soft);border-radius:6px;padding:3px 7px}.admin-total{margin-top:14px;color:var(--text-dim)}.admin-total b{color:var(--gold)}.admin-btn{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1204;border:none;font-family:inherit;font-weight:700;padding:12px 20px;border-radius:999px;cursor:pointer}.admin-btn.sm{padding:6px 14px;font-size:13px}.admin-btn.ghost{background:var(--glass);color:var(--text);border:1px solid var(--glass-brd)}.admin-btn:disabled{opacity:.5}.admin-mods{display:flex;flex-direction:column;gap:8px}.admin-mod{border:1px solid var(--glass-brd);border-radius:12px;background:var(--glass)}.admin-mod-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.admin-mod-ico{font-size:20px}.admin-mod-title{flex:1;font-size:14px}.admin-caret{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px}.admin-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer}.admin-switch input{accent-color:var(--gold)}.admin-lessons{padding:4px 14px 12px 46px;display:flex;flex-direction:column;gap:4px}.admin-lrow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.admin-lnum{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#ffffff0f}.admin-login{min-height:100vh;display:grid;place-items:center;background:var(--navy-900);padding:20px}.admin-card{width:min(380px,92vw);background:var(--glass);border:1px solid var(--glass-brd);border-radius:20px;padding:30px;text-align:center;display:flex;flex-direction:column;gap:12px}.admin-logo{width:90px;height:auto;margin:0 auto}.admin-card h2{font-size:24px}.admin-card input{padding:14px 16px;border-radius:12px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text);font-family:inherit;font-size:15px;outline:none}.admin-card input:focus{border-color:var(--gold)}.admin-err{color:#ff8f8f;font-size:13px}@media (max-width: 640px){.admin{flex-direction:column}.admin-side{width:100%!important;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px}.admin-brand{margin-bottom:0;margin-right:8px}.admin-side nav{flex-direction:row;flex-wrap:wrap;flex:1}.admin-nav{padding:8px 12px;font-size:13px}.admin-side-foot{margin:0;flex-direction:row}.admin-resize{display:none}.admin-table{min-width:0}.admin-tr{grid-template-columns:1.4fr 1fr;font-size:13px}.admin-tr>span:nth-child(3),.admin-tr>span:nth-child(4){text-align:right}}:root{--navy-900: #05070f;--navy-800: #0a0e1f;--navy-700: #10162e;--navy-600: #1a2140;--gold: #f6c667;--gold-2: #d9a441;--gold-soft: rgba(246, 198, 103, .14);--cyan: #6be0ff;--violet: #9b7bff;--green: #37e29a;--text: #eef2ff;--text-dim: #9aa6c8;--text-faint: #5b678c;--glass: rgba(255, 255, 255, .04);--glass-brd: rgba(255, 255, 255, .09);--radius: 20px;--shadow: 0 24px 60px rgba(0, 0, 0, .55);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--navy-900);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(1200px 700px at 50% -10%,rgba(155,123,255,.14),transparent 60%),radial-gradient(900px 600px at 90% 110%,rgba(107,224,255,.1),transparent 60%),linear-gradient(180deg,#05070f33,#05070fdb)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px);overflow-y:auto;animation:screenIn .7s cubic-bezier(.22,1,.36,1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.screen::-webkit-scrollbar{width:6px}.screen::-webkit-scrollbar-track{background:transparent}.screen::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}@keyframes screenIn{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:none}}.eyebrow{letter-spacing:.32em;text-transform:uppercase;font-size:12px;font-weight:600;color:var(--gold);margin-bottom:18px}h1.display{font-size:clamp(38px,7vw,78px);line-height:1.02;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#c8d2f5);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.gold-text{background:linear-gradient(90deg,var(--gold),#fff0cf 50%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--text-dim);font-size:clamp(15px,2.1vw,20px);text-align:center;max-width:640px;line-height:1.6;margin-top:18px}.center{text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;padding:16px 34px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .18s ease,box-shadow .25s ease,filter .2s ease;color:#1a1204;background:linear-gradient(135deg,var(--gold),var(--gold-2));box-shadow:0 12px 34px #f6c66752}.btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 46px #f6c66770}.btn:active{transform:translateY(0)}.btn.ghost{background:var(--glass);color:var(--text);border:1px solid var(--glass-brd);box-shadow:none}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.btn.block{width:100%;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.fab{position:fixed;right:clamp(20px,4vw,48px);bottom:clamp(20px,4vw,48px);z-index:20;animation:fabPulse 2.4s ease-in-out infinite}@keyframes fabPulse{0%,to{box-shadow:0 12px 34px #f6c6674d}50%{box-shadow:0 12px 48px #f6c66799}}.card{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.pad{padding:clamp(20px,3.4vw,40px)}.stats{display:flex;gap:clamp(18px,4vw,56px);margin-top:40px;flex-wrap:wrap;justify-content:center}.stat{text-align:center}.stat .n{font-size:clamp(30px,5vw,48px);font-weight:800}.stat .l{color:var(--text-dim);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--cyan));transition:width .5s cubic-bezier(.22,1,.36,1)}.dots{display:inline-flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:dot 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.splash-logo{font-size:clamp(40px,9vw,96px);font-weight:900;letter-spacing:-.03em;text-align:center}.brand-logo{width:min(460px,84vw);height:auto;filter:drop-shadow(0 20px 50px rgba(0,0,0,.6))}.fade-up{animation:fadeUp 1s both}.fade-up.d1{animation-delay:.25s}.fade-up.d2{animation-delay:.6s}.fade-up.d3{animation-delay:1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.q-shell{width:min(440px,90vw);margin:0 auto}.q-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--text-dim);font-size:14px}.q-chip{color:var(--gold);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.assess-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.assess-topic{font-size:clamp(19px,3.4vw,28px);font-weight:800;color:var(--gold);letter-spacing:.01em}.assess-count{font-size:clamp(32px,7vw,50px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.q-text{font-size:clamp(16px,2.2vw,21px);font-weight:700;line-height:1.3;margin:6px 0 18px}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 15px;margin-bottom:8px;background:var(--glass);border:1px solid var(--glass-brd);border-radius:13px;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;transition:all .16s ease}.opt:hover{border-color:var(--gold);background:var(--gold-soft);transform:translate(4px)}.opt.sel{border-color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}.opt .key{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#ffffff0f;font-weight:700;font-size:13px;flex-shrink:0}.opt.sel .key{background:var(--gold);color:#1a1204}.scale-row{display:flex;gap:8px;justify-content:space-between}.scale-row .opt{flex-direction:column;text-align:center;padding:14px 6px;margin:0;gap:6px}.assess-reveal{display:flex;flex-direction:column;align-items:center;animation:dropIn .55s cubic-bezier(.22,1,.36,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.assess-pct{font-size:clamp(48px,12vw,88px);font-weight:900;line-height:1;margin:4px 0}.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.pill{padding:10px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-brd);font-size:14px;color:var(--text-dim)}.pill b{color:var(--text)}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px;width:min(720px,94vw);margin-top:12px}.skill{padding:11px 13px}.skill .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.skill .top b{font-size:13px}.skill .top span{font-weight:800;color:var(--gold);font-size:13px}.level-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;border:1px solid var(--gold);background:var(--gold-soft);color:var(--gold);font-weight:800;letter-spacing:.06em;font-size:18px}.reveal-one{width:min(400px,88vw);min-height:110px;display:flex;align-items:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.reveal-screen{position:relative;justify-content:flex-start;padding-top:30px;overflow:hidden}.reveal-title{position:relative;z-index:4}.reveal-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.reveal-scatter{position:absolute;width:min(210px,46vw)}.reveal-card-inner{animation:dealIn .5s cubic-bezier(.22,1,.36,1)}.reveal-card-inner.mod-card{padding:10px 13px;gap:12px;background:#141a34;border:1px solid rgba(246,198,103,.3);box-shadow:0 14px 30px #0000008c}.reveal-card-inner .mod-ico{width:42px;height:42px;font-size:21px}.reveal-card-inner .t{font-size:14px}@keyframes dealIn{0%{opacity:0;transform:scale(.7) translateY(16px)}to{opacity:1;transform:none}}.reveal-foot{position:absolute;bottom:24px;left:0;right:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;width:min(940px,96vw)}.reveal-tile{display:flex;align-items:center;gap:10px;padding:11px 13px;animation:coverIn .6s cubic-bezier(.22,1,.36,1)}.reveal-foot-fixed{position:fixed;bottom:20px;left:0;right:0;text-align:center;z-index:5}.reveal-center{position:relative;width:min(420px,90vw);min-height:240px;display:grid;place-items:center}.reveal-big{width:100%;text-align:center;padding:24px;animation:coverIn .7s cubic-bezier(.22,1,.36,1)}.reveal-big .mod-ico{margin:0 auto 14px}.reveal-big-n{color:var(--text-faint);font-weight:700;font-size:12px;letter-spacing:.14em}.reveal-big-t{font-size:clamp(24px,4.8vw,38px);font-weight:800;margin-top:4px}.reveal-big-d{color:var(--text-dim);font-size:15px;margin-top:8px}@keyframes coverIn{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.14)}75%{transform:scale(.97)}to{transform:scale(1)}}.reveal-card{width:100%;animation:revealIn .55s cubic-bezier(.22,1,.36,1)}@keyframes revealIn{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:translate(0)}}.reveal-progress{color:var(--text-dim);font-size:14px;letter-spacing:.14em;margin-top:18px;font-variant-numeric:tabular-nums}.reveal-skip{cursor:pointer;font-size:13px;margin-top:14px}.reveal-skip:hover{color:var(--gold)}.reveal-wrap{width:min(1080px,96vw);display:flex;flex-direction:column;align-items:center;gap:26px}.mod-stack{display:flex;flex-direction:column;gap:14px;width:min(560px,94vw)}.mod-card{display:flex;align-items:center;gap:18px;padding:18px 22px;animation:cardIn .6s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.mod-ico{font-size:30px;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--gold-soft);border:1px solid var(--glass-brd);flex-shrink:0}.mod-card .n{color:var(--text-faint);font-weight:700;font-size:12px;letter-spacing:.14em}.mod-card .t{font-weight:700;font-size:18px;margin-top:2px}.mod-card .d{color:var(--text-dim);font-size:13px;margin-top:3px}.carousel{position:relative;width:min(1080px,96vw)}.track{display:flex;gap:16px;overflow-x:auto;padding:10px 4px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin}.track::-webkit-scrollbar{height:8px}.track::-webkit-scrollbar-thumb{background:var(--glass-brd);border-radius:999px}.c-card{scroll-snap-align:center;flex:0 0 auto;width:240px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:210px;transition:transform .2s ease,border-color .2s ease}.c-card:hover{transform:translateY(-6px);border-color:var(--gold)}.c-card .lvl{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.1em}.price-old{font-size:22px;color:var(--text-faint);text-decoration:line-through}.price-now{font-size:clamp(44px,9vw,74px);font-weight:900;line-height:1}.badge-gold{display:inline-block;padding:8px 20px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1204;font-weight:800;letter-spacing:.04em}.countdown{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;color:var(--gold);letter-spacing:.06em}.pay-logo{width:min(140px,44%);height:auto;display:block;margin:0 auto 10px}.pay-methods-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.method-tile{position:relative;flex:1 1 78px;min-width:78px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 4px 12px;background:none;border:none;color:var(--text-dim);font-family:inherit;cursor:pointer;transition:all .15s ease}.method-tile:hover .mt-label,.method-tile.sel .mt-label{color:var(--gold)}.method-tile.sel:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;border-radius:2px;background:var(--gold)}.method-tile .mt-ico{display:flex;align-items:center;justify-content:center;height:26px;transition:transform .15s}.method-tile.sel .mt-ico{transform:scale(1.14)}.method-tile .mt-label{font-size:12.5px;font-weight:600}.pay-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(560px,94vw);margin-top:8px}.pay{padding:18px;text-align:center;cursor:pointer;transition:all .16s ease;font-weight:600}.pay:hover,.pay.sel{border-color:var(--gold);background:var(--gold-soft)}.wheel-wrap{position:relative;width:min(340px,84vw);aspect-ratio:1;margin:10px auto}.wheel{width:100%;height:100%;border-radius:50%;border:6px solid var(--gold-2);box-shadow:0 0 0 10px #f6c6671f,var(--shadow);transition:transform 4.2s cubic-bezier(.15,.85,.2,1)}.wheel-pointer{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:26px solid var(--gold);z-index:3;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.wheel-hub{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;background:var(--navy-700);border:3px solid var(--gold);display:grid;place-items:center;font-weight:800;color:var(--gold);z-index:2}.lesson-shell{width:min(880px,96vw)}.slide-stage{min-height:210px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:20px 22px}.slide{animation:slideIn .5s cubic-bezier(.22,1,.36,1)}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.slide h2{font-size:clamp(20px,3vw,28px);margin-bottom:12px}.slide p{color:var(--text-dim);font-size:15px;line-height:1.6}.slide ul{color:var(--text-dim);font-size:14px;line-height:1.75;margin-top:10px;padding-left:20px}.slide .big-emoji{font-size:46px;margin-bottom:8px}.shape3d{width:200px;height:130px;margin:0 auto 6px}.lesson-links{font-size:12px;text-align:center;margin:4px 0 10px}.lesson-links a{color:var(--gold);text-decoration:underline;margin:0 6px}.lesson-scroll{max-height:62vh;overflow-y:auto;padding:4px 10px}.lesson-scroll::-webkit-scrollbar{width:8px}.lesson-scroll::-webkit-scrollbar-thumb{background:var(--glass-brd);border-radius:8px}.lesson-block{padding:24px 0;border-bottom:1px solid var(--glass-brd);animation:fadeUp .5s both}.lesson-block:last-child{border-bottom:none}.lesson-block h2{font-size:clamp(20px,3vw,27px);margin-bottom:10px}.lesson-block p{color:var(--text-dim);font-size:15px;line-height:1.65}.lesson-block .shape3d{margin:0 auto 10px}.lesson-block .big-emoji{font-size:46px;margin-bottom:8px}.points{text-align:left;max-width:460px;margin:12px auto 0;padding-left:20px;line-height:1.85;font-size:14px;color:var(--text-dim)}.points li{margin-bottom:5px}@media (max-width: 640px){.shape3d{width:170px;height:112px}}.slide-dots{display:flex;gap:8px;justify-content:center;margin:20px 0}.slide-dots i{width:8px;height:8px;border-radius:999px;background:#ffffff29;transition:all .3s}.slide-dots i.on{background:var(--gold);width:22px}.lesson-list{display:flex;flex-direction:column;gap:10px;width:min(560px,94vw)}.lrow{display:flex;align-items:center;gap:14px;padding:16px 18px}.lrow .st{margin-left:auto;font-size:13px;font-weight:700}.lrow.locked{opacity:.5}.lrow.done .st{color:var(--green)}.lrow.current{border-color:var(--gold);background:var(--gold-soft)}.learn-screen{justify-content:flex-start;padding-top:28px}.learn-layout{display:flex;gap:26px;width:min(860px,96vw);margin:0 auto;align-items:flex-start}.lesson-rail{width:180px;flex-shrink:0;position:sticky;top:16px;display:flex;flex-direction:column}.rail-head{font-size:10px;letter-spacing:.12em;margin:12px 0 6px}.rail-list{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:4px}.rail-list:before{content:"";position:absolute;left:15px;top:15px;bottom:15px;width:2px;background:var(--glass-brd);border-radius:2px}.rail-node{display:flex;align-items:center;gap:10px;cursor:pointer;padding:3px 2px}.rail-dot{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;flex-shrink:0;background:var(--navy-700);border:2px solid var(--glass-brd);color:var(--text-dim)}.rail-node.done .rail-dot{border-color:var(--green);color:var(--green);background:#37e29a24}.rail-node.active .rail-dot{border-color:var(--gold);color:#1a1204;background:var(--gold)}.rail-label{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-node.active .rail-label{color:var(--text);font-weight:600}.rail-node:hover .rail-label{color:var(--gold)}.lesson-content{flex:1;min-width:0;max-width:540px;margin:0 auto}@media (max-width: 640px){.learn-layout{flex-direction:column;gap:14px}.lesson-rail{width:100%;position:static}.lesson-content{max-width:100%}}.video-frame{width:100%;max-width:520px;margin:0 auto;aspect-ratio:16 / 9;border-radius:14px;border:1px solid var(--glass-brd);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,rgba(155,123,255,.18),transparent 60%),linear-gradient(160deg,var(--navy-700),var(--navy-900))}.video-ico{font-size:clamp(44px,9vw,78px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));animation:vfloat 3.4s ease-in-out infinite}@keyframes vfloat{0%,to{transform:translateY(-4px)}50%{transform:translateY(6px)}}.video-scene{font-size:clamp(46px,10vw,78px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));animation:sceneIn .6s cubic-bezier(.22,1,.36,1),vfloat 3.4s ease-in-out infinite .6s}.video-fig{animation:sceneIn .6s cubic-bezier(.22,1,.36,1)}.video-fig .shape3d{width:150px;height:90px;margin:0 auto}.video-heading{margin-top:6px;font-weight:800;font-size:clamp(16px,2.6vw,22px);color:var(--gold);text-align:center;padding:0 40px;text-wrap:balance;animation:capIn .5s ease}@keyframes sceneIn{0%{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}.video-cap-in{display:inline-block;animation:capIn .5s ease}@keyframes capIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;font-size:26px;color:#1a1204;padding-left:4px;background:linear-gradient(135deg,var(--gold),var(--gold-2));box-shadow:0 10px 30px #f6c66780;transition:transform .15s;z-index:3}.video-play:hover{transform:scale(1.08)}.video-speaker{position:absolute;top:10px;left:12px;font-size:22px;z-index:2}.video-wm{position:absolute;top:10px;right:14px;z-index:4;font-size:11px;font-weight:600;letter-spacing:.03em;color:#f6c667d9;pointer-events:none}.video-cap{position:absolute;left:0;right:0;bottom:6px;padding:14px 16px 16px;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);color:#fff;font-size:14px;line-height:1.4;text-align:center;z-index:2}.yt-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:14px}.media-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:14px;background:#000;object-fit:contain}.yt-facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;cursor:pointer;border-radius:14px;background-size:cover;background-position:center;display:grid;place-items:center}.yt-facade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;border-radius:14px}.yt-play-btn{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:#f6c667f5;color:#1a1204;font-size:24px;display:grid;place-items:center;padding-left:4px;box-shadow:0 8px 24px #00000080}.video-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff1a;z-index:3}.video-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--cyan));transition:width .3s}.xp-ring{width:180px;height:180px;margin:10px auto;position:relative}.badge-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--gold-soft);border:1px solid var(--gold);color:var(--gold);font-weight:700}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:14px;opacity:.9;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}.field{width:100%;margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px}.field input{width:100%;padding:15px 18px;border-radius:14px;font-family:inherit;font-size:16px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text);outline:none;transition:border-color .16s}.field input:focus{border-color:var(--gold)}.btn-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;color:var(--gold);padding:8px 4px;margin:10px auto 0;display:block;transition:opacity .16s,transform .16s}.btn-text:hover:not(:disabled){transform:scale(1.06);filter:brightness(1.1)}.btn-text:disabled{color:var(--text-faint);cursor:not-allowed}.auth-pro{width:min(400px,90vw);display:flex;flex-direction:column}.auth-input{width:100%;padding:17px 20px;margin-bottom:14px;border-radius:14px;font-family:inherit;font-size:16px;color:var(--text);outline:none;background:#ffffff0a;border:1px solid var(--glass-brd);transition:border-color .16s,background .16s}.auth-input::placeholder{color:var(--text-faint)}.auth-input:focus{border-color:var(--gold);background:#ffffff0f}.auth-input[type=number]::-webkit-inner-spin-button{opacity:.35}.cert-box{display:inline-flex;flex-direction:column;align-items:center;gap:10px;padding:28px 44px;border-radius:20px;cursor:pointer;font-family:inherit;background:var(--gold-soft);border:2px dashed var(--gold);color:var(--gold);font-weight:800;font-size:18px;transition:transform .16s,box-shadow .2s;animation:fabPulse 2s ease-in-out infinite}.cert-box:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 44px #f6c66773}.cert{width:min(580px,94vw);aspect-ratio:4 / 3;padding:22px 30px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;border:2px solid var(--gold);position:relative;overflow:hidden;background:radial-gradient(90% 55% at 50% 0%,rgba(155,123,255,.18),transparent 62%),radial-gradient(80% 50% at 50% 100%,rgba(107,224,255,.07),transparent 60%),repeating-linear-gradient(135deg,rgba(246,198,103,.03) 0 2px,transparent 2px 9px),linear-gradient(160deg,#0e1533,#060913)}.cert:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid rgba(246,198,103,.42);border-radius:12px;pointer-events:none}.cert .name{font-size:clamp(30px,6vw,48px);font-weight:900;margin:2px 0}.cert-rule{height:2px;background:var(--gold);width:min(280px,55%);margin:3px auto 6px}.cert-label{color:var(--gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:12px}.cert-skills{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 22px;width:100%;max-width:440px;margin-top:6px}.cert-skill{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cs-name{color:var(--text-dim)}.cs-pct{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.cert-label{font-size:9px}.cert-logo{width:min(120px,30%);height:auto;display:block;margin:0 auto 4px}.cert-seal{position:absolute;top:24px;width:76px;height:76px;border-radius:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid var(--gold);box-shadow:0 0 0 4px #f6c66724;background:radial-gradient(circle at 40% 35%,#1b2246,#0a1024)}.cert-seal.left{left:24px}.cert-seal.right{right:24px}.cert-seal .big{font-size:17px;font-weight:900;color:var(--gold);line-height:1}.cert-seal .small{font-size:8px;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;margin-top:3px}.badge-chip.sm{font-size:11px;padding:5px 12px}.dl-wrap{position:relative;display:inline-block;margin-top:16px}.dl-menu{position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 8px);z-index:20;min-width:190px;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:var(--navy-700);border:1px solid var(--glass-brd);box-shadow:var(--shadow)}.dl-menu button{background:none;border:none;color:var(--text);font-family:inherit;font-size:14px;text-align:left;padding:10px 14px;border-radius:8px;cursor:pointer}.dl-menu button:hover{background:var(--gold-soft);color:var(--gold)}.map-wrap{width:min(460px,94vw);align-self:flex-start;margin:0 0 0 clamp(6px,2vw,30px);padding-bottom:40px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--navy-700);border:1px solid var(--gold);color:var(--text);padding:12px 22px;border-radius:999px;z-index:40;box-shadow:var(--shadow);font-size:14px;cursor:pointer;max-width:92vw;animation:screenIn .3s}.map-list{position:relative;display:flex;flex-direction:column;gap:12px}.map-list:before{content:"";position:absolute;left:23px;top:22px;bottom:22px;width:3px;background:var(--glass-brd);border-radius:2px}.map-item{display:grid;grid-template-columns:48px 1fr;gap:22px;align-items:center}.map-dot{position:relative;z-index:1;justify-self:center;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;border:2px solid var(--glass-brd);background:var(--navy-700);color:var(--text-dim)}.map-dot.done{border-color:var(--green);color:var(--green);background:#37e29a24}.map-dot.current{border-color:var(--gold);color:var(--gold);background:var(--gold-soft);animation:fabPulse 2.2s ease-in-out infinite}.map-dot.locked{opacity:.55}.map-dot.open{border-color:var(--gold-2);color:var(--gold)}.map-card.open{border-color:#f6c66747}.map-card.open .map-st{color:var(--gold)}.map-card{display:flex;align-items:center;gap:12px;padding:9px 14px;transition:all .16s ease}.map-card.current{border-color:var(--gold);background:var(--gold-soft)}.map-card.done{border-color:#37e29a4d}.map-card.locked{opacity:.5}.map-card:not(.locked):hover{transform:translate(4px);border-color:var(--gold)}.map-ico{font-size:22px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff0a;flex-shrink:0}.map-st{margin-left:auto;font-size:12px;font-weight:700;color:var(--text-dim);flex-shrink:0}.map-card.current .map-st{color:var(--gold)}.map-card.done .map-st{color:var(--green)}.map-caret{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;padding:4px 4px 4px 8px;margin-left:6px;flex-shrink:0}.map-caret:hover{color:var(--gold)}.map-lessons{display:flex;flex-direction:column;gap:4px;margin:6px 0 2px 62px}.map-lrow{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-brd);cursor:pointer;font-size:13px;color:var(--text-dim);transition:all .15s ease}.map-lrow:hover{border-color:var(--gold);color:var(--text);transform:translate(3px)}.map-lnum{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#ffffff0f;flex-shrink:0}.map-lrow.done{color:var(--text)}.map-lrow.done .map-lnum{background:#37e29a29;color:var(--green)}@media (max-width: 560px){.screen{padding:18px 16px}h1.display{font-size:clamp(30px,9vw,46px)}.stats{gap:20px}.cert{aspect-ratio:auto;padding:44px 18px 22px}.cert-seal{width:58px;height:58px;top:14px}.cert-seal.left{left:14px}.cert-seal.right{right:14px}.cert-seal .big{font-size:14px}.cert-seal .small{font-size:7px}.cert-skills{grid-template-columns:1fr;max-width:300px;gap:2px}.cert .name{font-size:clamp(28px,9vw,40px)}.fab{right:14px;bottom:14px;padding:13px 22px}.map-item{gap:14px}.map-lessons{margin-left:54px}.video-frame{max-width:100%}.report-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.mt{margin-top:28px}.mt-s{margin-top:14px}.mb{margin-bottom:22px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.w-form{width:min(420px,92vw)}.hero-wrap{display:flex;flex-direction:column;align-items:center;max-width:900px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}