:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce8f6;background:#070d18;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#070d18;--panel:#0e1727;--panel-2:#121f33;--line:rgba(148,163,184,.16);--muted:#90a1b7;--text:#eaf2fb;--blue:#2563eb;--blue-2:#38bdf8;--violet:#7c3aed;--green:#22c55e;--amber:#f59e0b;--danger:#ef4444;--radius:18px;--shadow:0 22px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}svg{width:20px;height:20px}p{color:var(--muted);line-height:1.65}h1,h2,h3,p{margin-top:0}.landing{overflow:hidden;background:#070d18}.landing main{position:relative}.landing-nav{height:76px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:500;white-space:nowrap}.brand>span:last-child b{color:#fff}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1d4ed8,#38bdf8);box-shadow:0 10px 28px #2563eb59}.brand-mark svg{width:22px;height:22px;color:#fff}.landing-nav nav{display:flex;align-items:center;gap:34px}.landing-nav nav a{font-size:14px;color:#aebed0;transition:.2s}.landing-nav nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn,.menu-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:#fff;display:grid;place-items:center}.menu-btn{display:none}.btn{min-height:43px;padding:0 18px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14px;transition:transform .18s,background .18s,border .18s,opacity .18s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn svg{width:17px;height:17px}.btn.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 30px #2563eb3b}.btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.btn.secondary{background:#ffffff0b;color:#dce8f6;border-color:var(--line)}.btn.ghost{background:transparent;color:#cbd7e5}.btn.light{background:#fff;color:#10294d}.btn.muted{background:#94a3b814;color:#6f8197;border-color:#94a3b81a}.btn.small{min-height:38px;padding:0 15px;font-size:13px}.btn.large{min-height:51px;padding:0 23px}.btn.full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.68}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6aa9ff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow svg{width:15px;height:15px}.eyebrow.light{color:#dbeafe}.hero{max-width:1220px;margin:0 auto;min-height:660px;padding:88px 28px 90px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;position:relative}.hero-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none}.hero-glow.one{width:430px;height:430px;background:#2563eb;left:-190px;top:80px}.hero-glow.two{width:380px;height:380px;background:#7c3aed;right:-240px;bottom:-30px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-.052em;margin:20px 0 24px;max-width:650px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#55a4ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;max-width:590px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;margin-top:27px;flex-wrap:wrap}.trust-row span{display:flex;align-items:center;gap:6px;color:#8fa2b8;font-size:12px}.trust-row svg{width:14px;height:14px;color:#4ade80}.hero-visual{height:520px;display:grid;place-items:center;position:relative;perspective:1200px}.orbit{position:absolute;border:1px solid rgba(96,165,250,.12);border-radius:50%}.orbit-one{width:510px;height:510px}.orbit-two{width:380px;height:380px;border-color:#8b5cf61f}.mock-window{width:min(100%,500px);border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#0c1728eb;box-shadow:0 35px 90px #00000085,0 0 60px #2563eb14;overflow:hidden;transform:rotateY(-4deg) rotateX(2deg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mock-top{height:41px;background:#101b2c;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px}.mock-top>span{width:7px;height:7px;border-radius:50%;background:#ef4444}.mock-top>span:nth-child(2){background:#f59e0b}.mock-top>span:nth-child(3){background:#22c55e}.mock-top small{margin-left:auto;margin-right:auto;color:#62758b;font-size:8px;letter-spacing:.1em}.mock-body{height:345px;display:grid;grid-template-columns:55px 1fr}.mock-side{border-right:1px solid var(--line);padding:17px 0;display:flex;align-items:center;flex-direction:column;gap:22px}.mock-side svg{color:#60a5fa;width:19px}.mock-side i{width:18px;height:5px;border-radius:8px;background:#26374d}.mock-content{padding:28px 25px}.mock-label{font-size:7px;letter-spacing:.16em;color:#5f84b7}.mock-heading{font-size:17px;font-weight:750;margin:6px 0 18px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.mock-stats>div{padding:11px 10px;border-radius:9px;background:#132238;border:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column}.mock-stats b{font-size:15px}.mock-stats small{font-size:7px;color:#778ba3;margin-top:2px}.mock-course{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;border-radius:9px;background:#101d30;border:1px solid rgba(148,163,184,.1);padding:10px;margin-top:8px}.course-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:#2563eb29;color:#60a5fa}.course-icon.violet{background:#7c3aed29;color:#a78bfa}.course-icon svg{width:16px}.mock-course>div{display:flex;flex-direction:column}.mock-course b{font-size:9px}.mock-course small{font-size:7px;color:#72859c;margin-top:2px}.mock-course strong{font-size:9px;color:#60a5fa}.mini-progress{height:3px;background:#25364b;border-radius:9px;margin-top:6px;width:100%}.mini-progress i{height:100%;width:72%;display:block;border-radius:9px;background:#3b82f6}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;background:#101d30eb;border:1px solid rgba(148,163,184,.19);border-radius:12px;padding:12px 15px;box-shadow:0 15px 45px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card>svg{width:22px;height:22px}.floating-card div{display:flex;flex-direction:column}.floating-card b{font-size:10px}.floating-card span{font-size:7px;color:#7e90a6;margin-top:2px}.floating-card.trophy{left:-15px;top:86px}.floating-card.trophy>svg{color:#fbbf24}.floating-card.shield{right:-5px;bottom:65px}.floating-card.shield>svg{color:#4ade80}.numbers{max-width:1164px;margin:0 auto 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0}.numbers>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.numbers>div:last-child{border:0}.numbers b{font-size:25px;color:#fff}.numbers span{font-size:11px;color:#768ba3;margin-top:4px}.section{max-width:1220px;margin:auto;padding:100px 28px}.section-title{text-align:center;max-width:680px;margin:0 auto 48px}.section-title>span{font-size:10px;font-weight:800;letter-spacing:.17em;color:#60a5fa}.section-title h2{font-size:clamp(31px,4vw,45px);letter-spacing:-.035em;margin:12px 0}.section-title p{font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{position:relative;overflow:hidden;min-height:230px;padding:27px;border-radius:17px;background:linear-gradient(145deg,#121f33e0,#0b1423f0);border:1px solid var(--line);transition:.2s}.feature-card:hover{transform:translateY(-4px);border-color:#60a5fa52}.feature-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;margin-bottom:24px}.feature-icon.blue{background:#2563eb24;color:#60a5fa}.feature-icon.violet{background:#7c3aed24;color:#a78bfa}.feature-icon.amber{background:#f59e0b24;color:#fbbf24}.feature-icon.green{background:#22c55e24;color:#4ade80}.feature-icon.pink{background:#ec489924;color:#f472b6}.feature-icon.cyan{background:#06b6d424;color:#22d3ee}.feature-card h3{font-size:17px;margin-bottom:9px}.feature-card p{font-size:13px;margin:0}.card-line{position:absolute;height:2px;width:80px;bottom:0;left:25px;background:linear-gradient(90deg,#3b82f6,transparent)}.steps-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;background:radial-gradient(circle at 18% 50%,rgba(37,99,235,.09),transparent 32%)}.steps-section h2{font-size:40px;line-height:1.12;letter-spacing:-.035em;margin:16px 0}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid var(--line)}.step>b{font-size:28px;color:#254b81}.step h3{margin-bottom:5px}.step p{font-size:13px;margin:0}.pricing-grid{max-width:890px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.price-card{position:relative;padding:31px;border-radius:20px;background:#0d1727;border:1px solid var(--line);min-height:440px;display:flex;flex-direction:column}.price-card.featured{border-color:#3b82f685;background:linear-gradient(155deg,#1e40af2e,#0e1727 50%);box-shadow:0 22px 65px #2563eb1f}.popular{position:absolute;right:22px;top:20px;border-radius:30px;background:#2563eb2e;color:#93c5fd;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.09em;display:flex;gap:5px;align-items:center}.popular svg{width:12px;height:12px}.price-card h3{font-size:22px;margin-bottom:4px}.price-card>div>p{font-size:12px}.price-card>strong{font-size:30px;margin:25px 0 20px}.price-card ul{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:13px;flex:1}.price-card li{display:flex;align-items:center;gap:9px;color:#b8c7d9;font-size:13px}.price-card li svg{width:16px;height:16px;color:#4ade80}.faq{max-width:900px}.faq .section-title{margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 4px}.faq summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:650;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;color:#647b96;transition:.2s}.faq details[open] summary svg{transform:rotate(90deg)}.faq details p{font-size:13px;margin:15px 30px 2px 0}.final-cta{max-width:1164px;margin:70px auto 110px;border-radius:25px;padding:54px 60px;background:linear-gradient(125deg,#1d4ed8,#5038a8);box-shadow:0 28px 80px #2563eb33;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-110px}.final-cta h2{font-size:36px;margin:12px 0 5px}.final-cta p{color:#dbeafe;margin:0}.final-cta .btn{position:relative;z-index:2;flex:none}.landing footer{max-width:1220px;margin:auto;padding:35px 28px 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.landing footer p{text-align:center;margin:0;font-size:10px}.landing footer>span{text-align:right;color:#63788f;font-size:10px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:9px}.toast{max-width:390px;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;background:#112039;border:1px solid rgba(74,222,128,.3);box-shadow:0 16px 50px #00000059;font-size:13px;animation:toast-in .25s ease}.toast svg{color:#4ade80;flex:none}.toast.error{border-color:#f8717159}.toast.error svg{color:#f87171}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}}.loader-wrap{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.loader-wrap p{font-size:12px}.loader,.mini-loader{width:26px;height:26px;border:3px solid rgba(148,163,184,.18);border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}.mini-loader{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.empty{min-height:260px;border:1px dashed rgba(148,163,184,.2);border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.empty>svg{width:38px;height:38px;color:#516b8b;margin-bottom:13px}.empty h3{margin-bottom:5px}.empty p{font-size:13px;max-width:440px}.empty.danger>svg{color:#f87171}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.85fr) 1.15fr}.auth-brand-panel{padding:44px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.25),transparent 35%),linear-gradient(145deg,#0e2c59,#11183a 70%);position:relative;overflow:hidden}.auth-brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-240px;bottom:-160px}.auth-brand-panel>div{position:relative;z-index:1}.auth-brand-panel h1{font-size:clamp(35px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.auth-brand-panel>div>p{max-width:480px;color:#b8cae4}.auth-brand-panel>small{color:#7894ba}.auth-proof{display:flex;flex-direction:column;gap:16px;margin-top:40px}.auth-proof>div{display:flex;gap:12px;align-items:center}.auth-proof>div>svg{color:#60a5fa}.auth-proof span{display:flex;flex-direction:column}.auth-proof b{font-size:13px}.auth-proof small{color:#86a1c3;font-size:10px;margin-top:2px}.auth-form-panel{background:#f5f7fb;color:#132033;display:flex;align-items:center;justify-content:center;padding:70px 28px;position:relative}.auth-form-panel>.back-link{position:absolute;top:30px;left:35px}.back-link{display:inline-flex;align-items:center;gap:5px;color:#7790ad;font-size:12px;margin-bottom:18px}.back-link svg{width:16px}.auth-card{width:min(100%,430px);display:flex;flex-direction:column}.auth-icon{width:50px;height:50px;border-radius:15px;background:#e5efff;color:#2563eb;display:grid;place-items:center;margin-bottom:21px}.auth-card h2{font-size:31px;letter-spacing:-.035em;margin-bottom:6px}.auth-card>p{font-size:13px;color:#6d7d91;margin-bottom:27px}.auth-card label,.settings-card label,.inline-form label,.generator-fields label,.settings-columns label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#43546a;font-weight:700;margin-bottom:16px}.auth-card input,.settings-card input,.settings-card textarea,.inline-form input,.inline-form select,.generator-fields input,.generator-fields select,.settings-columns input,.settings-columns textarea,.material-toolbar select{width:100%;height:48px;border:1px solid #d6deea;border-radius:10px;background:#fff;color:#152238;padding:0 14px;outline:none;transition:.2s}.auth-card input:focus,.settings-card input:focus,.inline-form input:focus,.inline-form select:focus,.generator-fields input:focus,.generator-fields select:focus,.settings-columns input:focus,.settings-columns textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input{display:grid;grid-template-columns:1fr 46px;position:relative}.password-input input{grid-column:1/3;grid-row:1}.password-input button{grid-column:2;grid-row:1;border:0;background:transparent;color:#7c8ba0;display:grid;place-items:center}.password-input button svg{width:18px}.check-line{flex-direction:row!important;align-items:center!important;font-weight:500!important;color:#6d7d91!important}.check-line input{width:16px!important;height:16px!important;accent-color:#2563eb}.auth-switch{text-align:center;font-size:12px;color:#718096;margin-top:20px}.auth-switch a{color:#2563eb;font-weight:700}.app-layout{min-height:100vh;background:#f4f7fb;color:#142237}.app-layout>aside{position:fixed;left:0;top:0;bottom:0;width:260px;background:#0b1423;color:#dbe7f5;border-right:1px solid rgba(148,163,184,.12);padding:22px 17px;display:flex;flex-direction:column;z-index:80}.aside-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.aside-head>button{display:none;background:transparent;border:0;color:#fff}.profile-mini{margin:25px 0 18px;padding:14px 10px;border-radius:13px;background:#ffffff09;border:1px solid rgba(148,163,184,.1);display:grid;grid-template-columns:37px 1fr;gap:10px;align-items:center}.profile-mini>span{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#1d4ed8,#60a5fa);display:grid;place-items:center;font-weight:800}.profile-mini>div{min-width:0;display:flex;flex-direction:column}.profile-mini b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mini small{font-size:8px;color:#71849c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.profile-mini .plan-badge{grid-column:1/3;justify-self:start}.plan-badge{display:inline-flex;align-items:center;gap:4px;border-radius:30px;padding:5px 8px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#e9eef5;color:#6c7e93}.plan-badge svg{width:11px;height:11px}.plan-badge.pro{background:#7c3aed21;color:#8b5cf6}.app-layout aside nav{display:flex;flex-direction:column;gap:4px}.app-layout aside nav a{height:42px;border-radius:9px;display:flex;align-items:center;gap:11px;padding:0 12px;color:#8497ad;font-size:12px;font-weight:650}.app-layout aside nav a svg{width:17px;height:17px}.app-layout aside nav a:hover,.app-layout aside nav a.active{background:#3b82f61c;color:#dcecff}.app-layout aside nav a.active{box-shadow:inset 2px 0 #3b82f6}.aside-upgrade{margin-top:auto;border-radius:13px;background:linear-gradient(145deg,#2563eb30,#7c3aed1a);border:1px solid rgba(96,165,250,.16);padding:15px;min-height:64px}.aside-upgrade>span{width:31px;height:31px;border-radius:9px;background:#3b82f62e;color:#60a5fa;display:grid;place-items:center;margin-bottom:9px}.aside-upgrade>span svg{width:16px}.aside-upgrade>b{display:block;font-size:11px}.aside-upgrade>p{font-size:9px;margin:4px 0 8px}.aside-upgrade>a{font-size:9px;color:#60a5fa;display:flex;align-items:center;gap:5px;font-weight:700}.aside-upgrade>a svg{width:12px}.logout{height:41px;border:0;background:transparent;color:#73869c;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:11px;margin-top:10px}.logout:hover{color:#f87171}.logout svg{width:16px}.app-main{margin-left:260px;min-height:100vh}.app-topbar{height:70px;background:#ffffffe3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5eaf1;display:flex;align-items:center;padding:0 31px;position:sticky;top:0;z-index:50}.app-topbar>.icon-btn{display:none;color:#334155;background:#fff}.topbar-greeting{display:flex;align-items:baseline;gap:5px}.topbar-greeting small{font-size:11px;color:#8795a8}.topbar-greeting b{font-size:13px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border:0;border-radius:10px;background:#10294d;color:#fff;font-weight:800}.page{max-width:1420px;margin:auto;padding:35px 36px 70px}.bottom-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.page-head>div>span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#3b82f6}.page-head h1{font-size:30px;letter-spacing:-.035em;margin:5px 0}.page-head p{font-size:12px;margin:0;color:#73839a}.welcome-banner{min-height:235px;border-radius:22px;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.15),transparent 30%),linear-gradient(125deg,#174ea6,#472d99);color:#fff;padding:39px 44px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 45px #2563eb29;overflow:hidden;position:relative}.welcome-banner:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-90px;top:-130px}.welcome-banner h1{font-size:31px;margin:13px 0 4px}.welcome-banner p{color:#cadbfa;font-size:12px}.welcome-banner .btn{margin-top:11px}.progress-orb{width:132px;height:132px;border-radius:50%;background:conic-gradient(#8bd6ff var(--progress),rgba(255,255,255,.12) 0);display:grid;place-items:center;margin-right:45px;position:relative;z-index:2}.progress-orb:before{content:"";width:106px;height:106px;border-radius:50%;background:#3154a9}.progress-orb>span{position:absolute;display:flex;flex-direction:column;align-items:center}.progress-orb b{font-size:25px}.progress-orb small{font-size:8px;color:#bed4f8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0 30px}.stat-card{padding:18px;border-radius:14px;background:#fff;border:1px solid #e3e9f1;display:flex;align-items:center;gap:13px}.stat-card>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.stat-card>span svg{width:19px}.stat-card>span.blue{background:#e9f2ff;color:#3b82f6}.stat-card>span.violet{background:#f1ebff;color:#8b5cf6}.stat-card>span.amber{background:#fff5dc;color:#f59e0b}.stat-card>span.green{background:#e8f9ee;color:#22c55e}.stat-card>span.cyan{background:#e6f9fc;color:#06b6d4}.stat-card>span.pink{background:#fdebf4;color:#ec4899}.stat-card>div{display:flex;flex-direction:column}.stat-card b{font-size:21px}.stat-card small{font-size:9px;color:#8090a4;margin-top:2px}.content-section{margin-top:28px}.section-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-row h2{font-size:18px;margin-bottom:3px}.section-row p{font-size:10px;margin:0}.section-row>a{display:flex;align-items:center;gap:4px;color:#2563eb;font-size:10px;font-weight:700}.section-row>a svg{width:14px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9f1;border-radius:16px;overflow:hidden;min-height:300px;color:#172238;transition:.2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #20395817;border-color:#cbd9ec}.lesson-cover{height:102px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,white),color-mix(in srgb,var(--accent) 5%,white));display:flex;align-items:center;justify-content:space-between;padding:18px;position:relative}.lesson-cover:after{content:"";position:absolute;right:-24px;bottom:-30px;width:95px;height:95px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.lesson-cover>span:first-child{width:46px;height:46px;border-radius:13px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 28%,transparent)}.lesson-cover>span:first-child svg{width:21px}.locked-badge,.done-badge,.free-badge{position:relative;z-index:1;display:flex;align-items:center;gap:4px;border-radius:30px;padding:5px 8px;background:#fff;color:#6656b3;font-size:8px;font-weight:800;box-shadow:0 5px 15px #0000000f}.locked-badge svg,.done-badge svg{width:11px;height:11px}.done-badge{color:#16a34a}.free-badge{color:#2563eb}.lesson-body{padding:19px;display:flex;flex-direction:column;flex:1}.lesson-body>small{font-size:8px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.lesson-body h3{font-size:15px;line-height:1.32;margin:7px 0}.lesson-body p{font-size:10px;line-height:1.55;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lesson-body>div{margin-top:auto;display:flex;gap:13px;align-items:center;color:#7c8ca0;font-size:8px}.lesson-body>div span{display:flex;align-items:center;gap:4px}.lesson-body>div svg{width:12px;height:12px}.lesson-body>div>svg{margin-left:auto;color:#9aaabd}.lesson-card.locked{filter:saturate(.76)}.activity-list{background:#fff;border:1px solid #e3e9f1;border-radius:15px;overflow:hidden}.activity-list>a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 17px;border-bottom:1px solid #edf0f5}.activity-list>a:last-child{border:0}.activity-score{width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#2563eb;display:grid;place-items:center;font-size:10px;font-weight:800}.activity-list>a>div{display:flex;flex-direction:column}.activity-list b{font-size:11px}.activity-list small{font-size:8px;color:#8493a5;margin-top:3px}.activity-list>a>svg{width:15px;color:#96a4b5}.filters{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.search-box{height:45px;border:1px solid #dfe6ef;background:#fff;border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:9px;max-width:430px}.search-box svg{width:17px;color:#8b9aad}.search-box input{border:0;outline:0;flex:1;color:#172238;background:transparent;font-size:12px}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.chips button{white-space:nowrap;border:1px solid #dfe5ed;border-radius:30px;background:#fff;color:#718095;padding:7px 12px;font-size:9px}.chips button.active{background:#162b4b;color:#fff;border-color:#162b4b}.locked-page{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e3e9f1;border-radius:22px;padding:45px}.locked-page>span{width:75px;height:75px;border-radius:23px;background:#eeeaff;color:#7c3aed;display:grid;place-items:center;margin-bottom:20px}.locked-page>span svg{width:32px;height:32px}.locked-page>small{font-weight:800;letter-spacing:.13em;color:#8b5cf6}.locked-page h1{font-size:31px;margin:10px 0}.locked-page p{max-width:550px}.locked-page>div{font-size:11px;color:#8190a3;display:flex;align-items:center;margin-bottom:25px}.locked-page>div svg{width:15px;margin-right:5px}.locked-page>.btn{margin-bottom:15px}.locked-page>a:last-child{font-size:11px;color:#71839b}.lesson-hero{min-height:250px;border-radius:22px;padding:38px 42px;color:#fff;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 38%),linear-gradient(130deg,#132b4d,#14213a);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.lesson-hero>div>span{font-size:9px;font-weight:800;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.lesson-hero h1{font-size:32px;letter-spacing:-.03em;max-width:720px;margin:10px 0}.lesson-hero p{color:#aebfd3;font-size:12px;max-width:720px}.lesson-hero>div>div{display:flex;gap:18px;margin-top:20px}.lesson-hero>div>div span{display:flex;align-items:center;gap:5px;color:#b6c5d7;font-size:9px}.lesson-hero>div>div svg{width:14px}.lesson-hero-icon{width:110px;height:110px;border-radius:30px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);display:grid;place-items:center;margin-right:30px;transform:rotate(5deg)}.lesson-hero-icon svg{width:48px;height:48px}.lesson-content{margin:18px 0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px 40px}.lesson-content>section{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:33px 0;border-bottom:1px solid #edf1f5}.lesson-content>section:last-child{border:0}.section-index{font-size:20px;font-weight:800;color:#d5dfeb}.lesson-content h2{font-size:20px;margin-bottom:12px}.lesson-content p{font-size:12px;color:#5e6f84}.lesson-content ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px}.lesson-content li{font-size:11px;color:#43546b;display:flex;gap:8px;align-items:flex-start}.lesson-content li svg{width:15px;height:15px;color:#22c55e;flex:none;margin-top:1px}.complete-row{display:flex;justify-content:space-between;align-items:center;background:#eaf3ff;border:1px solid #cfe2fb;border-radius:15px;padding:17px 20px}.complete-row>div{display:flex;align-items:center;gap:11px}.complete-row>div>svg{color:#3b82f6}.complete-row span{display:flex;flex-direction:column}.complete-row b{font-size:11px}.complete-row small{font-size:8px;color:#6d829d;margin-top:2px}.quiz{margin-top:35px}.quiz-head{display:flex;gap:14px;align-items:center;margin-bottom:17px}.quiz-head>span{width:48px;height:48px;border-radius:13px;background:#eeeaff;color:#7c3aed;display:grid;place-items:center}.quiz-head small{font-size:8px;font-weight:800;letter-spacing:.1em;color:#8b5cf6}.quiz-head h2{font-size:21px;margin:3px 0}.quiz-head p{font-size:10px;margin:0}.question{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px;margin:12px 0}.question.correct{border-color:#a7e7ba}.question.wrong{border-color:#fecaca}.question-number{display:flex;justify-content:space-between;color:#52709a;font-size:9px;font-weight:800;text-transform:uppercase}.question-number span{font-size:8px;color:#8b98a8;background:#f2f5f8;padding:4px 7px;border-radius:20px}.question h3{font-size:14px;margin:13px 0 17px}.options{display:grid;gap:8px}.options label{min-height:46px;border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:10px;font-size:11px;color:#526176;cursor:pointer}.options label:hover,.options label.selected{border-color:#84adff;background:#f3f7ff}.options label>input{display:none}.options label>span{width:26px;height:26px;border-radius:7px;background:#eef2f7;display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.options label>svg{margin-left:auto;width:16px;color:#16a34a}.options label.answer-correct{border-color:#86d99f;background:#effcf3}.options label.answer-wrong{border-color:#f2a4a4;background:#fff3f3}.explanation{margin-top:15px;border-radius:10px;background:#f4f7fb;padding:12px 14px}.explanation b{font-size:10px}.explanation p{font-size:10px;margin:4px 0 0}.quiz-submit{margin:18px auto;display:flex}.quiz-result{background:linear-gradient(135deg,#14294a,#243b6c);color:#fff;border-radius:18px;padding:24px 28px;display:grid;grid-template-columns:75px 1fr auto;gap:19px;align-items:center;margin-top:18px}.result-ring{width:70px;height:70px;border-radius:50%;background:conic-gradient(#5ee78a var(--result),rgba(255,255,255,.13) 0);display:grid;place-items:center}.result-ring:before{content:"";width:56px;height:56px;border-radius:50%;background:#20375f}.result-ring span{position:absolute;font-size:13px;font-weight:800}.quiz-result small{font-size:8px;color:#8cb4ee}.quiz-result h3{font-size:17px;margin:4px 0}.quiz-result p{font-size:9px;margin:0;color:#aabbd3}.notice{display:flex;align-items:flex-start;gap:12px;border-radius:13px;background:#ebf4ff;border:1px solid #cfdef2;padding:15px 17px;margin-bottom:18px;color:#2563eb}.notice>svg{width:20px;flex:none}.notice>div{display:flex;flex-direction:column}.notice b{font-size:11px;color:#2b466e}.notice p{font-size:9px;color:#6580a2;margin:3px 0 0}.notice code{font-size:9px}.material-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.material-toolbar .search-box{flex:1}.material-toolbar select{width:210px;height:45px;font-size:10px}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.material-card{min-height:260px;background:#fff;border:1px solid #e1e8f0;border-radius:15px;padding:18px;display:flex;flex-direction:column;transition:.2s}.material-card:hover{border-color:#c8d7e9;box-shadow:0 12px 30px #1c355212}.pdf-icon{width:45px;height:50px;border-radius:10px;background:#ffe9e9;color:#e14545;display:grid;place-items:center;position:relative}.pdf-icon svg{width:22px}.pdf-icon span{position:absolute;bottom:-4px;right:-5px;background:#e14545;color:#fff;padding:3px 4px;border-radius:4px;font-size:6px;font-weight:800}.material-info{display:flex;flex-direction:column;flex:1;margin:15px 0}.material-info>div{display:flex;justify-content:space-between;align-items:center}.material-info>div>span:first-child{font-size:8px;color:#2563eb;font-weight:800}.material-info h3{font-size:12px;line-height:1.4;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.material-info p{font-size:9px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.material-info>small{font-size:8px;color:#93a1b2;margin-top:auto}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px 0}.pagination button{width:36px;height:36px;border-radius:9px;border:1px solid #dce4ed;background:#fff;color:#52657d;font-size:20px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:9px;color:#7d8da1}.current-plan{min-height:120px;background:linear-gradient(125deg,#112b50,#342b69);color:#fff;border-radius:18px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.current-plan>div{display:flex;align-items:center;gap:14px}.current-plan>div>span{width:50px;height:50px;border-radius:14px;background:#ffffff1a;color:#a78bfa;display:grid;place-items:center}.current-plan>div>div{display:flex;flex-direction:column}.current-plan small{font-size:8px;color:#9bb0cc}.current-plan h2{margin:3px 0;font-size:20px}.current-plan p{font-size:9px;margin:0}.current-plan .plan-badge{background:#ffffff1f;color:#ddd6fe}.pricing-grid.in-app{margin:0;max-width:none}.pricing-grid.in-app .price-card{background:#fff;color:#172238;border-color:#e1e8f0;min-height:390px}.pricing-grid.in-app .price-card.featured{background:linear-gradient(155deg,#f2f6ff,#fff 60%)}.redeem-card{margin-top:22px;display:grid;grid-template-columns:55px 1fr minmax(300px,.8fr);gap:18px;align-items:center;background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:22px}.redeem-card>span{width:51px;height:51px;border-radius:14px;background:#eeeaff;color:#7c3aed;display:grid;place-items:center}.redeem-card small{font-size:8px;color:#8b5cf6;font-weight:800}.redeem-card h2{font-size:18px;margin:3px 0}.redeem-card p{font-size:9px;margin:0}.redeem-card label{display:grid;grid-template-columns:1fr auto}.redeem-card input{height:45px;border:1px solid #dce3ed;border-right:0;border-radius:10px 0 0 10px;padding:0 12px;color:#172238;outline:none;text-transform:uppercase;font-size:10px}.redeem-card .btn{border-radius:0 10px 10px 0}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.support-card{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:24px}.support-card>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.support-card.green>span{background:#e8f9ee;color:#22c55e}.support-card.pink>span{background:#fdebf4;color:#ec4899}.support-card.blue>span{background:#eaf3ff;color:#3b82f6}.support-card h3{font-size:17px;margin-bottom:5px}.support-card p{font-size:10px;min-height:50px}.support-faq{margin-top:25px;background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:24px}.support-faq h2{font-size:18px}.support-faq>div{padding:14px 0;border-top:1px solid #edf1f5}.support-faq b{font-size:11px}.support-faq p{font-size:9px;margin:4px 0 0}.profile-header{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e1e8f0;border-radius:17px;padding:23px;margin-bottom:18px}.profile-header>span{width:70px;height:70px;border-radius:19px;background:linear-gradient(135deg,#1d4ed8,#60a5fa);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.profile-header h2{font-size:20px;margin-bottom:3px}.profile-header p{font-size:10px;margin-bottom:8px}.profile-header>div>div{display:flex;gap:7px}.admin-badge{display:inline-flex;align-items:center;gap:4px;background:#e9f2ff;color:#2563eb;padding:5px 8px;border-radius:30px;font-size:8px;font-weight:800}.admin-badge svg{width:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:26px;color:#172238}.settings-card h2{font-size:18px;margin-bottom:4px}.settings-card>p{font-size:9px;margin-bottom:22px}.settings-card label small{font-size:8px;color:#9aa8b8;font-weight:400}.settings-card input:disabled{background:#f4f6f8;color:#8a98aa}.admin-tabs{display:flex;gap:6px;border-bottom:1px solid #dce3ec;margin-bottom:22px;overflow:auto}.admin-tabs button{height:43px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#728399;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap}.admin-tabs button svg{width:15px}.admin-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.admin-section{min-height:350px}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-two{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-top:18px}.panel{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:22px}.panel h2{font-size:14px}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:13px;padding-top:25px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar-chart span{width:55%;min-width:15px;max-width:35px;border-radius:6px 6px 2px 2px;background:linear-gradient(#60a5fa,#2563eb)}.bar-chart small{font-size:7px;color:#8493a6;text-transform:capitalize}.bar-chart b{font-size:8px}.audit-list{display:flex;flex-direction:column;max-height:220px;overflow:auto}.audit-list>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f5}.audit-list>div>span{width:30px;height:30px;border-radius:8px;background:#edf5ff;color:#3b82f6;display:grid;place-items:center}.audit-list svg{width:14px}.audit-list>div>div{display:flex;flex-direction:column}.audit-list b{font-size:9px}.audit-list small{font-size:7px;color:#8796a9}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.inline-form{background:#fff;border:1px solid #dce5ef;border-radius:15px;padding:22px;margin-bottom:16px}.inline-form h3{font-size:15px}.inline-form>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inline-form label{margin-bottom:5px}.inline-form .btn{margin-top:10px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e1e8f0;border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{text-align:left;background:#f7f9fc;color:#718197;font-size:8px;text-transform:uppercase;letter-spacing:.07em;padding:12px 14px;border-bottom:1px solid #e5ebf2}.table-wrap td{padding:12px 14px;border-bottom:1px solid #edf1f5;font-size:10px;color:#45576d;vertical-align:middle}.table-wrap tr:last-child td{border:0}.table-wrap td>b{color:#26384f}.table-user{display:flex;align-items:center;gap:9px}.table-user>span{width:34px;height:34px;border-radius:9px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-weight:800}.table-user>div,.material-name>div{display:flex;flex-direction:column;max-width:360px}.table-user b,.material-name b{font-size:10px;color:#22344b}.table-user small,.material-name small{font-size:7px;color:#8998aa;margin-top:2px}.date-small{display:block;font-size:7px;color:#97a5b5;margin-top:3px}.status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:7px;font-weight:800;background:#edf1f5;color:#687b91}.status.active{background:#e7f8ed;color:#16a34a}.status.blocked{background:#feecec;color:#dc2626}.status.pending{background:#fff5dc;color:#d97706}.row-actions{display:flex;gap:5px}.row-actions button{width:31px;height:31px;border-radius:8px;border:1px solid #e0e6ee;background:#fff;color:#66798f;display:grid;place-items:center}.row-actions button svg{width:14px}.row-actions button:hover{color:#2563eb;border-color:#a9c7f5}.row-actions button.danger:hover{color:#ef4444;border-color:#f8b4b4}.text-btn{border:0;background:transparent;color:#2563eb;font-size:8px;font-weight:800}.code-generator{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:23px;margin-bottom:17px}.code-generator>div:first-child{display:flex;gap:12px;align-items:center;margin-bottom:20px}.code-generator>div:first-child>span{width:44px;height:44px;border-radius:12px;background:#eeeaff;color:#7c3aed;display:grid;place-items:center}.code-generator h2{font-size:17px;margin-bottom:2px}.code-generator p{font-size:8px;margin:0}.generator-fields{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end}.generator-fields label{margin:0}.generator-fields input,.generator-fields select{height:42px}.generated-codes{background:#101b2e;color:#fff;border-radius:15px;padding:20px;margin-bottom:17px}.generated-codes>div{display:flex;align-items:center;justify-content:space-between}.generated-codes h3{font-size:13px}.generated-codes button{border:0;background:transparent;color:#60a5fa;display:flex;align-items:center;gap:5px;font-size:8px}.generated-codes button svg{width:13px}.generated-codes>code{display:inline-block;margin:4px;padding:8px 10px;border-radius:7px;background:#ffffff12;font-size:10px;color:#bfdbfe}.generated-codes>p{display:flex;align-items:center;gap:6px;font-size:8px;color:#93a7bf;margin:10px 0 0}.generated-codes>p svg{width:13px;color:#fbbf24}.material-name{display:flex;align-items:center;gap:8px}.material-name>svg{width:18px;color:#ef4444;flex:none}.upload-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #d8e2ed;border-radius:8px;padding:7px 9px;color:#2563eb;font-size:8px;font-weight:800;cursor:pointer}.upload-btn svg{width:13px}.upload-btn input{display:none}.toggle{width:34px;height:19px;border-radius:20px;border:0;background:#cbd5e1;padding:2px}.toggle span{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.toggle[data-on=true]{background:#22c55e}.toggle[data-on=true] span{transform:translate(15px)}.admin-settings{max-width:900px}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-columns label{margin-bottom:5px}.settings-columns label.wide{grid-column:1/3}.settings-columns textarea{height:auto;padding:12px;resize:vertical}@media(max-width:1180px){.hero{gap:35px}.hero-visual{transform:scale(.9)}.course-grid.compact,.course-grid,.materials-grid,.admin-stat-grid,.generator-fields{grid-template-columns:repeat(2,1fr)}.generator-fields .btn{align-self:end}}@media(max-width:900px){.landing-nav nav{display:none;position:absolute;top:68px;left:20px;right:20px;padding:18px;border-radius:14px;background:#101b2c;border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:17px}.landing-nav nav.open{display:flex}.menu-btn{display:grid}.hero{grid-template-columns:1fr;padding-top:55px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-visual{height:470px}.numbers{grid-template-columns:repeat(2,1fr)}.numbers>div{padding:15px;border-bottom:1px solid var(--line)}.numbers>div:nth-child(2){border-right:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-section{grid-template-columns:1fr;gap:30px}.final-cta{margin-left:25px;margin-right:25px;padding:40px}.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.app-layout>aside{transform:translate(-105%);transition:.25s;box-shadow:20px 0 60px #0003}.app-layout>aside.open{transform:none}.aside-head>button{display:block}.aside-overlay{position:fixed;inset:0;background:#0f172a75;border:0;z-index:70}.app-main{margin-left:0}.app-topbar>.icon-btn{display:grid}.page{padding:28px 25px 85px}.stat-grid{grid-template-columns:repeat(2,1fr)}.lesson-hero-icon{display:none}.lesson-hero{padding:32px}.redeem-card{grid-template-columns:50px 1fr}.redeem-card label{grid-column:1/3}.support-grid,.admin-two{grid-template-columns:1fr}.inline-form>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.landing-nav{height:68px;padding:0 17px}.hide-mobile{display:none}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.landing .btn.large{min-height:48px}.hero{padding:45px 18px 55px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-actions{width:100%;flex-direction:column}.hero-actions .btn{width:100%}.trust-row{justify-content:center;gap:10px}.hero-visual{height:360px;transform:scale(.75);margin:-45px -80px}.floating-card.trophy{left:-5px}.floating-card.shield{right:-5px}.numbers{margin:0 18px 40px}.numbers b{font-size:20px}.section{padding:72px 18px}.section-title h2{font-size:31px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:205px}.steps-section h2{font-size:31px}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:390px}.final-cta{margin:40px 17px 70px;padding:33px 24px;flex-direction:column;align-items:flex-start}.final-cta h2{font-size:29px}.landing footer{grid-template-columns:1fr;text-align:center;gap:16px}.landing footer .brand{justify-content:center}.landing footer>span{text-align:center}.toast-stack{left:12px;right:12px;bottom:80px}.toast{max-width:none}.auth-form-panel{padding:80px 18px 30px}.auth-form-panel>.back-link{left:19px;top:24px}.auth-card h2{font-size:27px}.app-topbar{height:61px;padding:0 16px}.topbar-greeting,.topbar-actions .plan-badge{display:none}.page{padding:23px 15px 88px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:65px;background:#fffffff5;border-top:1px solid #dfe6ee;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8b98aa;font-size:7px}.bottom-nav a svg{width:18px;height:18px}.bottom-nav a.active{color:#2563eb}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-head h1{font-size:26px}.welcome-banner{padding:28px 24px;min-height:250px}.welcome-banner h1{font-size:25px}.progress-orb{display:none}.stat-grid{gap:9px}.stat-card{padding:13px;gap:9px}.stat-card>span{width:35px;height:35px}.stat-card b{font-size:17px}.course-grid,.course-grid.compact{grid-template-columns:1fr}.lesson-card{min-height:280px}.section-row{align-items:flex-start}.filters .search-box{max-width:none}.lesson-hero{padding:27px 21px;min-height:270px}.lesson-hero h1{font-size:26px}.lesson-hero>div>div{flex-wrap:wrap;gap:10px}.lesson-content{padding:4px 18px}.lesson-content>section{grid-template-columns:1fr;gap:4px;padding:24px 0}.section-index{font-size:14px}.complete-row{align-items:flex-start;flex-direction:column;gap:13px}.complete-row .btn{width:100%}.question{padding:19px 14px}.options label{align-items:flex-start}.quiz-result{grid-template-columns:62px 1fr;padding:19px 14px}.quiz-result .btn{grid-column:1/3}.material-toolbar{align-items:stretch;flex-direction:column}.material-toolbar .search-box{max-width:none}.material-toolbar select{width:100%}.materials-grid{grid-template-columns:1fr}.current-plan{padding:20px;align-items:flex-start}.current-plan>.plan-badge{display:none}.pricing-grid.in-app,.redeem-card{grid-template-columns:1fr}.redeem-card>span{display:none}.redeem-card label{grid-column:1}.redeem-card label{grid-template-columns:1fr}.redeem-card input{border-right:1px solid #dce3ed;border-radius:10px;margin-bottom:8px}.redeem-card .btn{border-radius:10px}.settings-grid{grid-template-columns:1fr}.profile-header{align-items:flex-start}.profile-header>span{width:55px;height:55px;border-radius:15px}.admin-tabs{margin-left:-15px;margin-right:-15px;padding:0 15px}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .search-box{max-width:none}.inline-form>div{grid-template-columns:1fr}.generator-fields{grid-template-columns:1fr}.generated-codes>code{display:block}.settings-columns{grid-template-columns:1fr}.settings-columns label.wide{grid-column:1}.support-grid{grid-template-columns:1fr}.bar-chart{gap:6px}.admin-two{grid-template-columns:1fr}.table-wrap{margin-right:-15px}.pagination{gap:8px}.pagination span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}