@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17213b;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.045em}p{line-height:1.75;color:#627089}.shell{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{height:80px;background:#fffffff5;border-bottom:1px solid #ecf0f7;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-family:Plus Jakarta Sans,sans-serif;font-size:23px;letter-spacing:-.07em;font-weight:800;color:#182343;padding:0;white-space:nowrap}.brand-highlight{color:#466cde}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#466cde;color:#fff;letter-spacing:-.08em;position:relative;font-size:21px}.brand-symbol span{position:absolute;font-size:10px;bottom:3px;right:3px;background:#5ed4ad;border-radius:50%;width:14px;height:14px;line-height:14px;color:#123f3a}.nav{display:flex;align-items:center;gap:26px}.nav>a,.nav>button:not(.button){background:none;border:0;padding:6px 0;color:#526079;font-size:14px;font-weight:700}.nav>a:hover,.nav>button:hover{color:#3664dc}.nav-logout{display:flex;gap:6px;align-items:center}.mobile-menu{display:none;background:none;border:0;color:#162341}.button{background:#466cde;color:#fff;border:1px solid #466cde;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:13px 19px;font-weight:800;font-size:14px;box-shadow:0 8px 20px #4066d624;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:#3056c4;transform:translateY(-2px);box-shadow:0 12px 22px #4066d633}.button:disabled{opacity:.58;cursor:not-allowed;transform:none}.button-small{padding:10px 15px;font-size:13px}.button-large{padding:17px 22px}.button-full{width:100%}.button-ghost{border:0;background:transparent;color:#213558;font-weight:800;display:flex;gap:8px;align-items:center;padding:13px 3px}.button-light{background:#fff;color:#335bd1;border-color:#fff}.button-light:hover{background:#f7f9ff}.hero{background:linear-gradient(130deg,#fbfcff,#f4f8ff 60%,#edf2ff);overflow:hidden;padding:105px 0 120px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.12em;color:#466cde;font-weight:800;display:inline-flex;align-items:center;gap:9px;background:#e8eeff;padding:10px 15px;border-radius:30px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.14;margin:24px 0}.hero h1 em,.auth-side h1 em{font-style:normal;color:#466cde}.hero-copy>p{font-size:18px;max-width:525px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:30px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;font-size:12px;color:#627089;font-weight:700}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{color:#18ae8e}.hero-visual{min-height:450px;position:relative;display:flex;align-items:center;justify-content:center}.illustration-orb{border-radius:50%;position:absolute;filter:blur(1px)}.orb-one{width:380px;height:380px;background:linear-gradient(140deg,#b5c9ff,#e4eaff 80%);right:-24px;top:20px}.orb-two{width:110px;height:110px;background:#c5f2e6;left:4px;bottom:2px}.demo-board{position:relative;width:min(100%,470px);background:#fff;border:1px solid #e6ebf8;box-shadow:0 28px 60px #20357426;border-radius:22px;padding:26px;z-index:2;transform:rotate(-2deg)}.board-heading{display:flex;align-items:center;gap:11px}.board-icon{background:#eaf0ff;color:#466cde;padding:11px;border-radius:13px;display:grid;place-items:center}.board-heading b{font-size:15px}.board-heading small{display:block;margin-top:5px;color:#8a98af;font-size:11px}.online-pill{margin-left:auto;background:#e7faf3;border-radius:20px;padding:8px;color:#22a47c;font-size:10px;font-weight:800}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.mock-stats>div{border:1px solid #edf0f7;border-radius:13px;padding:16px}.mock-stats small{display:block;color:#8390a8;font-size:11px}.mock-stats strong{display:block;font-size:31px;margin:8px 0 2px}.mock-stats span{font-size:11px;color:#8793a9}.mock-stats .positive{color:#20a67d}.board-chart{margin-top:18px;border:1px solid #edf0f7;border-radius:13px;padding:16px}.chart-label{font-size:12px;font-weight:800}.chart-bars{display:flex;align-items:end;justify-content:space-around;height:98px;gap:9px;margin-top:12px;border-bottom:1px solid #e7edf8}.chart-bars span{background:linear-gradient(#456ade,#9cb6fb);border-radius:6px 6px 0 0;flex:1;max-width:33px}.chart-bars span:last-child{background:linear-gradient(#19a991,#a1eddf)}.chart-weeks{display:flex;justify-content:space-between;color:#9aa4b8;font-size:10px;margin-top:8px}.board-footer{display:flex;align-items:center;gap:9px;font-size:11px;color:#708099;margin-top:16px}.board-footer svg{margin-left:auto}.avatar-stack{display:flex}.avatar-stack i{height:26px;width:26px;display:grid;place-items:center;font-style:normal;border-radius:50%;background:#d2e3ff;border:2px solid white;color:#415f9d;font-weight:800}.avatar-stack i+i{margin-left:-8px;background:#ffddba;color:#9e6325}.floating-note{position:absolute;z-index:3;left:-28px;bottom:12px;display:flex;align-items:center;gap:11px;border-radius:14px;background:#fff;padding:14px 18px;box-shadow:0 14px 30px #21335524;transform:rotate(3deg)}.floating-note>span{background:#ecfaf5;color:#29b295;padding:8px;border-radius:10px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:13px}.floating-note small{font-size:10px;color:#8593a8;margin-top:3px}.trust-strip{border-top:1px solid #eaf0fb;border-bottom:1px solid #eaf0fb}.trust-items{padding:22px 0;display:flex;align-items:center;justify-content:space-around;gap:18px;flex-wrap:wrap}.trust-items span{display:flex;align-items:center;gap:10px;color:#596a86;font-weight:800;font-size:13px}.trust-items svg{color:#466cde}.section{padding:105px 0}.section-intro{text-align:center;max-width:680px;margin:0 auto 46px}.section-kicker{font-size:11px;color:#466cde;letter-spacing:.15em;font-weight:800}.section h2,.section-intro h2{font-size:clamp(29px,3.4vw,43px);line-height:1.18;margin:14px 0 18px}.section-intro p{font-size:16px}.subject-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.subject-card{padding:34px 29px;border:1px solid #e7ebf5;border-radius:18px;background:#fff;box-shadow:0 10px 35px #17295c0a;transition:transform .2s,box-shadow .2s}.subject-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px #17295c1a}.subject-icon{height:55px;width:55px;border-radius:15px;display:grid;place-items:center;color:#466cde;background:#eaf0ff}.subject-card h3,.step-card h3{font-size:20px;margin:22px 0 11px}.subject-card p,.step-card p{font-size:14px}.subject-card>a{display:flex;align-items:center;gap:9px;margin-top:23px;font-size:13px;font-weight:800;color:#466cde}.soft-section{background:#f6f8fc}.step-card{padding:8px 22px}.step-card>span{color:#d6e1fb;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:56px}.step-card h3{margin-top:0}.pricing-layout{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.pricing-lead{max-width:470px;font-size:17px;margin:20px 0 30px}.pricing-point{display:flex;gap:12px;align-items:center;margin:18px 0;color:#40536e;font-weight:700;font-size:14px}.pricing-point svg{color:#17a980}.price-card{border:1px solid #e4ebfb;background:#fff;border-radius:23px;padding:38px;box-shadow:0 22px 60px #2d47801a}.price-label{color:#466cde;letter-spacing:.12em;font-size:12px;font-weight:800}.price{display:flex;align-items:baseline;gap:8px;margin:15px 0}.price strong{font-size:63px;letter-spacing:-.08em;font-family:Plus Jakarta Sans,sans-serif}.price>span{color:#8895ad}.price-divider{height:1px;background:#e7edf8;margin:20px 0}.price-card p{font-size:14px}.price-summary{display:flex;justify-content:space-between;gap:10px;padding:19px 0 22px;font-size:13px}.price-summary span{color:#697993}.price-summary b{font-size:17px}.price-card small{display:block;color:#8b98ac;text-align:center;margin-top:16px}.cta-section{background:linear-gradient(125deg,#263f9e,#4b70dc);color:#fff;text-align:center}.cta-content{display:flex;align-items:center;flex-direction:column}.cta-content h2{max-width:700px}.cta-content p{color:#d7e2ff}.cta-content .button{margin-top:15px}.footer{background:#111b35;color:#e7edff;padding:53px 0 20px}.footer .brand{color:#fff}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p{font-size:13px;color:#a6b3cd;margin-top:18px}.footer-layout>div:not(:first-child){display:flex;flex-direction:column;align-items:start;gap:13px}.footer-layout>div>span{font-weight:800;font-size:13px}.footer a,.footer-layout button:not(.brand){font-size:13px;color:#afbdd8;border:0;background:none;padding:0}.footer a:hover,.footer-layout button:hover{color:#fff}.footer-bottom{border-top:1px solid #35415c;padding-top:22px;margin-top:48px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8b9bbd;font-size:12px}.auth-page{background:linear-gradient(120deg,#f7f9fe,#eaf0fe);min-height:70vh;padding:90px 0}.auth-layout{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.auth-side h1{font-size:clamp(34px,4.2vw,53px);line-height:1.2;margin-top:22px}.auth-side p{font-size:17px}.auth-side-feature{display:flex;align-items:center;gap:12px;color:#425577;font-size:14px;font-weight:800;margin-top:25px}.auth-side-feature svg{color:#426bd9}.auth-card{background:#fff;padding:39px;border-radius:24px;box-shadow:0 24px 55px #273f7717;border:1px solid #e8edf6}.auth-icon{height:53px;width:53px;background:#e8efff;border-radius:15px;color:#466cde;display:grid;place-items:center;margin-bottom:20px}.auth-card h2{font-size:27px;margin-bottom:9px}.auth-card>p{font-size:14px}.stack-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.stack-form label,.session-form label{display:flex;flex-direction:column;gap:8px;color:#44536d;font-weight:800;font-size:12px}.stack-form input,.stack-form textarea,.session-form input,.session-form select{width:100%;border:1px solid #dce4f1;border-radius:9px;padding:12px 13px;outline:0;background:#fff;color:#17213b;font-size:14px;font-weight:500}.stack-form input:focus,.stack-form textarea:focus,.session-form input:focus,.session-form select:focus{border-color:#4b6edc;box-shadow:0 0 0 3px #4b6edc1c}.stack-form textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-notice,.alert,.success-note{background:#fff2dd;color:#845d19;border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.6;margin:15px 0}.alert{background:#fff0f0;color:#ad3942}.success-note{background:#e7faf3;color:#137c61}.switch-mode{text-align:center;font-size:13px;margin:24px 0}.switch-mode button,.text-button{border:0;background:transparent;color:#466cde;font-weight:800}.muted{color:#8190a6}.tiny{font-size:12px;line-height:1.55}.verify-wrap{max-width:510px}.verify-symbol{color:#466cde}.verify-wrap .auth-card{text-align:center}.verify-wrap .button{margin-top:18px}.verify-wrap .text-button{margin:19px 0}.hint-box{background:#f5f7fc;border-radius:9px;padding:12px;font-size:12px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;overflow-wrap:anywhere}.hint-box code{font-size:11px}.hint-box button{border:0;background:transparent;color:#4369d5}.dashboard-page{min-height:70vh;padding-top:55px;padding-bottom:90px;background:#fff}.dashboard-content{width:100%}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.dashboard-heading h1{font-size:34px;margin:10px 0}.dashboard-heading p{font-size:14px;margin:0}.secure-chip{display:inline-flex;align-items:center;gap:7px;border-radius:25px;padding:10px 14px;background:#e8faf5;color:#128567;font-size:12px;font-weight:800;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.metric{background:#f6f8ff;border:1px solid #e8edfa;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.metric small{color:#75849e;font-size:12px;font-weight:800}.metric strong{font-family:Plus Jakarta Sans,sans-serif;font-size:36px;letter-spacing:-.06em}.metric span{font-size:12px;color:#8291aa}.metric .metric-subject{font-size:20px;letter-spacing:-.03em;margin:7px 0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.panel{border:1px solid #e8edf6;background:#fff;border-radius:17px;padding:26px;box-shadow:0 10px 30px #162b5910}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.panel-heading h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0}.panel-heading svg{color:#466cde}.chip{background:#eaf0ff;color:#466cde;padding:8px 10px;border-radius:22px;font-size:11px;font-weight:800}.empty-panel{text-align:center;padding:55px}.empty-panel svg{color:#466cde}.empty-panel h2{font-size:23px;margin:15px 0}.empty-small{background:#f7f9fd;color:#8190a5;font-size:13px;line-height:1.65;padding:23px;border-radius:11px}.student-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:15px;margin-bottom:10px}.student-tabs button{background:#f4f6fc;border:1px solid #e4eaf7;border-radius:9px;padding:11px 16px;color:#596980;white-space:nowrap;font-weight:800;font-size:13px}.student-tabs button.selected{background:#e8efff;border-color:#9fb5f5;color:#4269dc}.grade-list{display:flex;flex-direction:column;gap:10px}.grade-item{display:flex;align-items:center;gap:13px;border:1px solid #eef1f7;border-radius:10px;padding:13px}.grade-circle{height:46px;min-width:46px;border-radius:11px;background:#ecf3ff;color:#466cde;display:grid;place-items:center;font-weight:800;font-size:13px}.grade-description{min-width:0;flex:1}.grade-description strong,.grade-description small{display:block}.grade-description strong{font-size:13px}.grade-description small{font-size:11px;color:#8794aa;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.published-label{color:#159b78;font-size:11px;font-weight:800}.schedule-date{font-size:21px;color:#1d2e4f;font-weight:800}.timer{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f5f8ff;border-radius:13px;padding:16px;margin-top:22px}.timer strong,.timer small{display:block}.timer strong{font-size:30px;letter-spacing:.02em;margin:5px 0;font-variant-numeric:tabular-nums}.timer small{color:#90a0b5;font-size:10px}.timer-buttons{display:flex;gap:7px}.timer-buttons button{border:1px solid #d7e2fa;background:#fff;color:#456bd7;width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.student-list{display:flex;flex-direction:column;gap:10px}.student-row{display:flex;align-items:center;gap:10px;border:1px solid #edf1f8;background:#fff;padding:10px;text-align:left;border-radius:11px;width:100%}.student-row.active{background:#f2f6ff;border-color:#9fb4ef}.student-avatar{width:39px;height:39px;border-radius:10px;background:#dfe9ff;color:#466cde;display:grid;place-items:center;font-weight:800}.student-row>span:nth-child(2){flex:1}.student-row b,.student-row small{display:block}.student-row b{font-size:13px}.student-row small{font-size:11px;color:#8693a8;margin-top:4px}.student-row svg{color:#7083aa}.section-divider{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-top:42px}.section-divider h2{font-size:23px;margin:0}.section-divider span{color:#8492a9;font-size:13px}.subtle-button{display:flex;align-items:center;gap:6px;background:#edf3ff;color:#476ade;border:0;padding:9px 11px;border-radius:9px;font-size:12px;font-weight:800}.session-panel{margin-top:26px}.session-form{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:14px;align-items:end}.session-form .button{height:44px}.loading-screen{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d8ca5}.loader{height:34px;width:34px;border:4px solid #e2e9fb;border-top-color:#466cde;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.hero-grid,.auth-layout,.pricing-layout{grid-template-columns:1fr;gap:45px}.hero{padding:65px 0}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-buttons,.hero-trust{justify-content:center}.hero-visual{min-height:435px}.hero-grid{max-width:660px}.pricing-layout{max-width:630px}.auth-side{text-align:center}.auth-side-feature{justify-content:center}.session-form{grid-template-columns:1fr 1fr}.subject-grid{gap:13px}.subject-card{padding:25px 20px}}@media(max-width:700px){.site-header{height:72px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 18px 30px #22356120;padding:22px;align-items:stretch;gap:18px;flex-direction:column}.nav.open{display:flex}.nav>a,.nav>button:not(.button){text-align:left}.nav .button{justify-content:center}.hero h1{font-size:41px}.hero-visual{min-height:350px}.demo-board{padding:15px}.orb-one{right:0;width:280px;height:280px}.floating-note{left:0;bottom:0}.mock-stats strong{font-size:24px}.subject-grid,.steps-grid,.dashboard-grid,.metric-grid{grid-template-columns:1fr}.section{padding:65px 0}.section h2{font-size:31px}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:span 2}.auth-page{padding:50px 0}.auth-card{padding:25px}.dashboard-heading{align-items:start;flex-direction:column}.dashboard-heading h1{font-size:27px}.panel{padding:19px}.form-pair,.session-form{grid-template-columns:1fr}.trust-items{flex-direction:column}.price-card{padding:28px}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.privacy-page{max-width:760px}.privacy-page h1{font-size:42px}.privacy-page p{font-size:16px;margin:22px 0}.privacy-page .button{margin-top:16px}