:root{--bg:#040a16;--bg-2:#081428;--surface:#ffffff0a;--surface-2:#ffffff12;--border:#ffffff17;--text:#eef3ff;--muted:#9aa8c4;--yellow:#ffb300;--yellow-2:#ffd54a;--blue:#1e6bff;--cyan:#1ec8ff;--red:#ff3b2f;--orange:#ff7a1a;--radius:22px;--font-display:"Sora", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);min-height:100vh;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.container{width:100%;max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.bg-grid{z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%)}.bg-orb{z-index:-1;filter:blur(120px);opacity:.35;pointer-events:none;border-radius:50%;width:620px;height:620px;position:fixed}.orb-a{background:var(--blue);animation:18s ease-in-out infinite alternate drift;top:-220px;left:-160px}.orb-b{background:var(--red);opacity:.22;animation:22s ease-in-out infinite alternate-reverse drift;top:120px;right:-220px}@keyframes drift{to{transform:translate(80px,60px)scale(1.1)}}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);border-color:var(--border);background:#040a16b8}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;display:inline-flex}.brand-mark{color:#1a1000;background:linear-gradient(135deg, var(--yellow-2), var(--yellow) 55%, var(--orange));border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 24px #ffb30073}.brand-mark svg{width:20px;height:20px}.nav-links{color:var(--muted);gap:34px;font-size:.95rem;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:10px 20px;font-size:.92rem;font-weight:600;transition:background .2s,border-color .2s}.nav-cta:hover{background:#ffb3001f;border-color:#ffb30080}.btn{isolation:isolate;border-radius:16px;align-items:center;gap:12px;padding:13px 24px 13px 20px;font-size:1rem;font-weight:700;line-height:1.15;transition:transform .2s,box-shadow .25s,background .25s;display:inline-flex;position:relative}.btn span{text-align:left;flex-direction:column;display:flex}.btn small{opacity:.8;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:500}.btn:hover{transform:translateY(-3px)}.btn-student.btn-solid{color:#fff;background:linear-gradient(135deg, #2f8bff, var(--blue) 50%, #0a4d9c);box-shadow:0 10px 30px -8px #1e6bffb3,inset 0 1px #ffffff40}.btn-student.btn-solid:hover{box-shadow:0 16px 40px -8px #1ec8ffbf,inset 0 1px #ffffff40}.btn-teacher.btn-solid{color:#fff;background:linear-gradient(135deg, var(--orange), var(--red) 55%, #b5160d);box-shadow:0 10px 30px -8px #ff3b2fb3,inset 0 1px #ffffff40}.btn-teacher.btn-solid:hover{box-shadow:0 16px 40px -8px #ff7a1abf,inset 0 1px #ffffff40}.btn-ghost{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-teacher.btn-ghost:hover{background:#ff3b2f1a;border-color:#ff3b2f99}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:100vh;padding-top:130px;padding-bottom:80px;display:grid}.eyebrow{color:#cfe0ff;background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.dot{background:#3ddc84;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #3ddc84b3}@keyframes pulse{70%{box-shadow:0 0 0 10px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.hero h1{margin-top:26px;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800}.grad-text{background:linear-gradient(100deg, var(--yellow-2), var(--yellow) 40%, var(--orange));color:#0000;filter:drop-shadow(0 0 30px #ffb30059);-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:540px;margin-top:22px;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-ctas.center{justify-content:center}.hero-trust{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:36px;font-size:.9rem;display:flex}.hero-trust b{color:var(--text)}.sep{background:var(--muted);opacity:.5;border-radius:50%;width:4px;height:4px}.hero-visual{height:600px;position:relative}.phones{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.phone{background:linear-gradient(160deg,#2a3242,#0c1018);border-radius:44px;width:270px;height:550px;padding:11px;position:absolute;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -20px #000c}.phone-student{z-index:2;animation:7s ease-in-out infinite float-a;transform:translate(-70px)rotate(-6deg);box-shadow:0 0 0 1px #ffffff14,0 40px 80px -20px #000c,0 0 90px -10px #1e6bff8c}.phone-teacher{z-index:1;animation:8s ease-in-out infinite float-b;transform:translate(110px)translateY(30px)rotate(7deg);box-shadow:0 0 0 1px #ffffff14,0 40px 80px -20px #000c,0 0 90px -10px #ff3b2f73}@keyframes float-a{50%{transform:translate(-70px)translateY(-14px)rotate(-6deg)}}@keyframes float-b{50%{transform:translate(110px)translateY(44px)rotate(7deg)}}.phone-notch{z-index:3;background:#000;border-radius:20px;width:86px;height:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.phone-screen{border-radius:34px;height:100%;padding:54px 16px 16px;font-size:12px;overflow:hidden}.phone-student .phone-screen{--accent:var(--cyan);background:radial-gradient(120% 60% at 50% 0,#0f3a7a 0%,#081b33 60%)}.phone-teacher .phone-screen{--accent:#ff6a4a;background:radial-gradient(120% 60% at 50% 0,#5a1210 0%,#1a0706 60%)}.ps-top{align-items:center;gap:10px;display:flex}.ps-top img{border-radius:11px;width:38px;height:38px}.ps-top b{font-size:13px;display:block}.ps-top span{color:#ffffffa6;font-size:11px}.ps-banner{color:#1a1000;background:linear-gradient(135deg,#ffb300f2,#ff7a1af2);border-radius:16px;margin-top:18px;padding:14px}.ps-banner small{opacity:.75;font-size:10px;font-weight:600}.ps-banner strong{margin-top:2px;font-size:18px;display:block}.ps-bar{background:#0000002e;border-radius:6px;height:6px;margin-top:10px}.ps-bar i{background:#1a1000;border-radius:6px;height:100%;display:block}.ps-label{margin:16px 0 8px;font-size:12px;font-weight:700}.ps-reels{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ps-reels div{background:linear-gradient(#1ec8ff59,#0a4d9cd9);border:1px solid #1ec8ff40;border-radius:12px;align-items:flex-end;height:92px;padding:7px;display:flex}.ps-reels div:nth-child(2){background:linear-gradient(#a78bfa66,#6c3ce1d9);border-color:#a78bfa4d}.ps-reels div:nth-child(3){background:linear-gradient(#4ade8059,#15803dd9);border-color:#4ade804d}.ps-reels span{font-size:10px;font-weight:600}.ps-row{background:#ffffff12;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:7px;padding:10px 12px;display:flex}.ps-row em{color:var(--accent);font-size:11px;font-style:normal;font-weight:700}.ps-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.ps-stats div{text-align:center;background:#ffffff12;border:1px solid #ff6a4a40;border-radius:14px;padding:12px 6px}.ps-stats strong{color:var(--yellow);font-size:16px;display:block}.ps-stats small{color:#ffffffa6;font-size:10px}.ps-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ps-actions div{background:linear-gradient(160deg,#ff6a4a59,#b5160d8c);border:1px solid #ff6a4a4d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:74px;font-size:20px;display:flex}.ps-actions small{font-size:10px;font-weight:600}.float-chip{z-index:5;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);white-space:nowrap;background:#0c1426bf;border-radius:14px;padding:10px 16px;font-size:.85rem;position:absolute;box-shadow:0 20px 40px -12px #0009}.float-chip b{color:var(--yellow)}.chip-a{animation:6s ease-in-out infinite float-chip;top:360px;left:-10px}.chip-b{animation:7s ease-in-out infinite reverse float-chip;bottom:70px;right:0}@keyframes float-chip{50%{transform:translateY(-12px)}}.section{padding-top:110px;padding-bottom:20px}.section-head{text-align:center;max-width:680px;margin:0 auto 56px}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px;font-size:.8rem;font-weight:700;display:inline-block}.section-head h2{font-size:clamp(2rem,4.2vw,3rem);font-weight:800}.section-head p{color:var(--muted);margin-top:16px;font-size:1.08rem}.app-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.app-grid>div{display:flex}.app-card{border:1px solid var(--border);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:28px;flex-direction:column;flex:1;padding:36px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.app-card:hover{transform:translateY(-6px)}.card-student:hover{border-color:#1e8cff80}.card-teacher:hover{border-color:#ff3b2f80}.app-card-glow{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute;top:-140px;right:-140px}.card-student .app-card-glow{background:var(--blue)}.card-teacher .app-card-glow{background:var(--red)}.app-card header{align-items:center;gap:20px;display:flex;position:relative}.app-card header img{border-radius:24px;flex-shrink:0;width:92px;height:92px;box-shadow:0 14px 30px -8px #000000b3}.card-student header img{box-shadow:0 14px 34px -8px #1e6bff99}.card-teacher header img{box-shadow:0 14px 34px -8px #ff3b2f99}.pill{letter-spacing:.04em;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.pill-student{color:#8fd8ff;background:#1ec8ff1f;border:1px solid #1ec8ff4d}.pill-teacher{color:#ffab94;background:#ff3b2f1f;border:1px solid #ff3b2f52}.app-card h3{margin-top:10px;font-size:1.8rem;font-weight:800}.meta{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:.86rem;display:flex}.meta svg{color:#3ddc84}.app-tagline{color:#d4def3;margin-top:24px;font-size:1.05rem;position:relative}.app-card ul{gap:12px;margin:22px 0 32px;padding:0;list-style:none;display:grid;position:relative}.app-card li{color:var(--muted);align-items:flex-start;gap:12px;display:flex}.li-bolt{width:18px;height:18px;color:var(--yellow);flex-shrink:0;margin-top:3px}.app-card .btn{justify-content:center;margin-top:auto;padding:16px 24px}.ios-note{color:var(--yellow-2);text-align:center;margin-top:14px;font-size:.85rem}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:999px;justify-content:center;gap:6px;width:fit-content;margin:-24px auto 44px;padding:6px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:10px 22px 10px 10px;font-weight:600;transition:background .25s,color .25s;display:inline-flex}.tabs img{border-radius:8px;width:28px;height:28px}.tabs button.active{color:#fff}.tabs button.active.student{background:linear-gradient(135deg,#2f8bff,#0a4d9c)}.tabs button.active.teacher{background:linear-gradient(135deg, var(--orange), #b5160d)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-teacher{grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto}.feature{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:30px;transition:transform .3s,border-color .3s,background .3s}.feature:hover{background:var(--surface-2)}.feature-student .feature:hover{border-color:#1ec8ff59}.feature-teacher .feature:hover{border-color:#ff6a4a66}.feature-icon{border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.5rem;display:grid}.feature-student .feature-icon{background:linear-gradient(135deg,#1ec8ff38,#1e6bff1a);border:1px solid #1ec8ff40}.feature-teacher .feature-icon{background:linear-gradient(135deg,#ff7a1a38,#ff3b2f1a);border:1px solid #ff6a4a47}.feature h3{margin-top:20px;font-size:1.2rem;font-weight:700}.feature p{color:var(--muted);margin-top:10px;font-size:.96rem}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:32px;position:relative}.step-n{font-family:var(--font-display);background:linear-gradient(180deg, var(--yellow), #ffb3001a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.step h3{margin-top:18px;font-size:1.2rem}.step p{color:var(--muted);margin-top:10px}.faq{gap:12px;max-width:780px;margin:0 auto;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:border-color .25s,background .25s}.faq-item.open{background:var(--surface-2);border-color:#ffb30059}.faq-item button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 24px;font-size:1.02rem;font-weight:600;display:flex}.faq-plus{flex-shrink:0;width:14px;height:14px;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:var(--yellow);border-radius:2px;width:14px;height:2px;margin-top:-1px;transition:transform .3s;position:absolute;top:50%;left:0}.faq-plus:after{transform:rotate(90deg)}.faq-item.open .faq-plus:after{transform:rotate(0)}.faq-body{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-item.open .faq-body{grid-template-rows:1fr}.faq-body p{color:var(--muted);padding:0 24px;overflow:hidden}.faq-item.open .faq-body p{padding-bottom:20px}.cta{text-align:center;border:1px solid var(--border);background:radial-gradient(60% 120% at 0 100%,#1e6bff59,#0000 60%),radial-gradient(60% 120% at 100% 0,#ff3b2f4d,#0000 60%),#0a1426;border-radius:32px;margin-top:120px;padding:72px 32px;position:relative;overflow:hidden}.cta-bolt{width:56px;height:56px;color:var(--yellow);filter:drop-shadow(0 0 24px #ffb300b3);margin:0 auto 20px;display:block}.cta h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800}.cta p{color:#c4d0ea;margin-top:14px;font-size:1.1rem}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:80px;padding-top:32px;padding-bottom:40px;font-size:.9rem;display:flex}.footer .brand{color:var(--text);font-size:1.1rem}.footer .brand-mark{width:28px;height:28px}.footer-links{gap:24px;display:flex}.footer-links a:hover{color:var(--text)}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}@media (width<=980px){.hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding-top:120px}.lead{margin-left:auto;margin-right:auto}.hero-ctas,.hero-trust{justify-content:center}.hero-visual{height:560px}.app-grid,.steps{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (width<=600px){.container{padding-left:16px;padding-right:16px}.section{padding-top:84px}.hero h1{font-size:2.5rem}.hero-ctas .btn{justify-content:center;width:100%}.hero-visual{height:470px;transform:scale(.78)}.phone-student{transform:translate(-50px)rotate(-6deg)}.phone-teacher{transform:translate(70px)translateY(30px)rotate(7deg)}@keyframes float-a{50%{transform:translate(-50px)translateY(-14px)rotate(-6deg)}}@keyframes float-b{50%{transform:translate(70px)translateY(44px)rotate(7deg)}}.float-chip{display:none}.app-card{padding:26px 22px}.app-card header img{border-radius:18px;width:72px;height:72px}.app-card h3{font-size:1.5rem}.feature-grid,.feature-teacher{grid-template-columns:1fr}.tabs button{padding:8px 16px 8px 8px}.cta{padding:52px 20px}.cta .btn{justify-content:center;width:100%}.footer{text-align:center;flex-direction:column}}