.nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fffdf0d9;border-bottom:1px solid #0000;transition:border-color .15s;position:fixed;top:0;left:0;right:0}.nav--scrolled{border-bottom-color:var(--border-light)}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;padding:0 16px;display:flex}.nav-logo{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .15s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{font-size:13px!important}@media (width<=640px){.nav-links{display:none}.nav-inner{height:58px;padding:0 14px}.nav-logo{font-size:20px}.nav-cta.primary-btn.small{border-radius:12px;gap:6px;padding:8px 12px;font-size:12px!important}}@media (width<=380px){.nav-cta .nav-cta-label{display:none}}.hero-phone{flex-shrink:0}@media (width<=640px){.hero-phone{transform-origin:top;margin-bottom:-60px;transform:scale(.82)}}@media (width<=380px){.hero-phone{margin-bottom:-90px;transform:scale(.72)}}.phone-screen{background:var(--bg-light);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.phone-header{padding:52px 20px 12px}.phone-greeting{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.phone-title{color:var(--text-primary);font-size:24px;font-weight:800;display:block}.phone-decks{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow:hidden}.deck-card-mini{padding:16px}.deck-mini-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.deck-mini-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.deck-mini-info{flex:1;min-width:0}.deck-mini-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;display:block;overflow:hidden}.deck-mini-count{color:var(--text-secondary);font-size:11px;font-weight:600;display:block}.deck-mini-badge{border-radius:10px;flex-shrink:0;align-items:center;gap:3px;padding:5px 8px;font-size:9px;font-weight:600;display:flex}.flashcard-badge{color:var(--primary);background:#ffd90014}.quiz-badge{color:var(--purple);background:#a855f714}.deck-mini-progress-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.deck-mini-progress-label{color:var(--text-muted);font-size:10px;font-weight:600}.deck-mini-progress-pct{color:var(--text-primary);font-size:10px;font-weight:800}.deck-mini-bar{background:#ffd90026;border-radius:3px;height:4px}.deck-mini-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width 1s}.deck-mini-bar-fill.purple{background:var(--purple)}.phone-bottom-nav{background:var(--surface);border-top:1px solid var(--border-light);align-items:center;padding:8px 6px 28px;display:flex}.phone-nav-tab{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.phone-nav-icon-wrap{width:34px;height:26px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;display:flex}.phone-nav-icon-wrap.active{color:var(--text-primary);background:#ffd90026}.phone-nav-label{color:var(--text-muted);letter-spacing:.3px;font-size:8px;font-weight:600}.phone-nav-label.active{color:var(--text-primary);font-weight:800}.phone-nav-create{background:#ffd9001f;border-radius:18px;width:36px;height:36px;position:relative}.create-plus-h,.create-plus-v{background:var(--primary);border-radius:2px;position:absolute}.create-plus-h{width:14px;height:2.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.create-plus-v{width:2.5px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero{justify-content:center;align-items:center;gap:60px;max-width:1100px;margin:0 auto;padding:120px 16px 80px;display:flex}.hero-content{flex:1;max-width:520px}.hero-badge{color:var(--text-primary);background:#ffd90026;border-radius:10px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-title-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hero-title{color:var(--text-primary);letter-spacing:-2px;font-size:72px;font-weight:800;line-height:1}.hero-mascot{flex-shrink:0;width:88px;height:auto;animation:.7s cubic-bezier(.175,.885,.32,1.4) .74s both springPop;transform:scale(0)}.hero-letter{animation:.7s cubic-bezier(.175,.885,.32,1.4) both letterBounce;animation-delay:calc(var(--i) * 90ms + .2s);display:inline-block;transform:translateY(24px)}@keyframes springPop{0%{transform:scale(0)translateY(24px)}50%{transform:scale(1.15)translateY(-4px)}70%{transform:scale(.95)translateY(2px)}to{transform:scale(1)translateY(0)}}@keyframes letterBounce{0%{transform:translateY(24px)}50%{transform:translateY(-8px)}70%{transform:translateY(3px)}to{transform:translateY(0)}}.hero-slogan{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:800}.hero-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:17px;font-weight:600;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.hero-stats{align-items:center;gap:24px;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-value{color:var(--text-primary);font-size:20px;font-weight:800}.hero-stat-label{color:var(--text-muted);font-size:12px;font-weight:600}.hero-stat-divider{background:var(--border-light);width:1px;height:32px}@media (width<=900px){.hero{text-align:center;flex-direction:column;gap:40px;padding-top:100px}.hero-content{max-width:100%}.hero-title-row,.hero-actions,.hero-stats{justify-content:center}}@media (width<=640px){.hero{gap:28px;padding-top:88px;padding-bottom:56px}.hero-title{font-size:52px}.hero-mascot{width:60px}.hero-slogan{font-size:19px}.hero-subtitle{margin-bottom:24px;font-size:15px}.hero-actions{justify-content:center;margin-bottom:8px}.hero-actions .primary-btn{width:auto;padding:14px 22px;font-size:15px}}.features{padding:80px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{opacity:0;padding:22px;transform:scale(.95)translateY(10px)}.feature-card.visible{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards cardEntrance;animation-delay:calc(var(--stagger,0) * 60ms)}@keyframes cardEntrance{to{opacity:1;transform:scale(1)translateY(0)}}.feature-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.feature-title{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:800}.feature-desc{color:var(--text-secondary);font-size:14px;font-weight:600;line-height:1.6}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.how-it-works{padding:80px 0}.steps-grid{justify-content:center;align-items:flex-start;display:flex}.step-card{flex:1;max-width:320px;padding:28px 22px}.step-connector{flex-shrink:0;align-items:center;padding-top:48px;display:flex}.step-number{background:var(--primary);width:36px;height:36px;color:var(--on-accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.step-title{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:800}.step-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;font-weight:600;line-height:1.6}.step-visual{background:var(--bg-light);border-radius:14px;padding:14px}.mini-input{margin-bottom:10px}.mini-input:last-child{margin-bottom:0}.mini-input-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.mini-input-text{color:var(--text-primary);background:var(--surface);border:1px solid #ffd90014;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;display:block}.mini-ai-generate{background:var(--primary);color:var(--on-accent);border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:10px;font-size:12px;font-weight:800;display:flex}.mini-difficulty-row{gap:8px;display:flex}.mini-diff-btn{border:1px solid;border-bottom-width:3px;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 8px;font-size:12px;font-weight:600;display:flex}.mini-diff-btn.hard{color:var(--red);background:var(--surface);border-color:#ef444426 #ef444426 #ef444466}.mini-diff-btn.medium{color:var(--orange);background:var(--surface);border-color:#fb923c26 #fb923c26 #fb923c66}.mini-diff-btn.easy{color:var(--green);background:var(--surface);border-color:#22c55e26 #22c55e26 #22c55e66}.mini-mastery-row{justify-content:space-between;margin-bottom:5px;display:flex}.mini-mastery-label{color:var(--text-primary);font-size:12px;font-weight:600}.mini-mastery-pct{color:var(--text-primary);font-size:12px;font-weight:800}.mini-mastery-bar{background:#ffd90026;border-radius:3px;height:5px}.mini-mastery-fill{background:var(--primary);border-radius:3px;height:100%}@media (width<=900px){.steps-grid{flex-direction:column;align-items:center;gap:16px}.step-connector{padding-top:0;transform:rotate(90deg)}.step-card{max-width:100%}}.cta{padding:80px 0}.cta-card{background:var(--surface);text-align:center;border:1px solid var(--card-border);border-radius:24px;padding:64px 40px;position:relative;overflow:hidden;box-shadow:0 24px 48px #ffd90014}.cta-hex-bg{pointer-events:none;position:absolute;inset:0}.cta-hex{position:absolute}.cta-hex:first-child{top:20%;left:8%}.cta-hex.hex-2{top:15%;right:12%}.cta-hex.hex-3{bottom:10%;right:20%}.cta-mascot{width:100px;height:auto;margin-bottom:16px;position:relative}.cta-title{color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:800;position:relative}.cta-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px;font-weight:600;position:relative}.cta-actions{margin-bottom:24px;position:relative}.cta-platforms{justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.cta-platform{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}@media (width<=640px){.cta-card{padding:40px 20px}}.footer{border-top:1px solid var(--border-light);padding:40px 0}.footer-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 16px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{color:var(--text-primary);font-size:20px;font-weight:800}.footer-tagline{color:var(--text-muted);font-size:13px;font-weight:600}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px;font-weight:600;transition:color .15s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:12px;font-weight:400}@media (width<=900px){.footer-inner{text-align:center;flex-direction:column;gap:16px}}.legal-page{padding-top:100px;padding-bottom:80px}.legal-container{max-width:720px;margin:0 auto;padding:0 16px}.legal-title{color:var(--text-primary);margin-bottom:8px;font-size:36px;font-weight:800}.legal-updated{color:var(--text-muted);margin-bottom:40px;font-size:13px;font-weight:600}.legal-content h2{color:var(--text-primary);margin-top:32px;margin-bottom:12px;font-size:17px;font-weight:800}.legal-content p{color:var(--text-secondary);margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.7}.legal-content ul{margin-bottom:12px;padding-left:24px}.legal-content li{color:var(--text-secondary);margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.7}.legal-content strong{color:var(--text-primary);font-weight:800}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ffd900;--primary-dark:#ccad00;--bg-light:#fffdf0;--surface:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-on-dark:#fffef5;--on-accent:#0f172a;--border-light:#f1f5f9;--green:#22c55e;--orange:#fb923c;--red:#ef4444;--blue:#3b82f6;--purple:#a855f7;--primary-soft:#ffd9001a;--primary-border:#ffd9000d;--card-border:#ffd9000f;--card-border-bottom:#ffd9001f;--bee-black:#1a1a1a;--bee-white:#fffef5}html{scroll-behavior:smooth}body{color:var(--text-primary);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.section-container{max-width:1100px;margin:0 auto;padding:0 16px}.push-btn{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;transition:transform 80ms,border-bottom-width 80ms;display:inline-flex}.push-btn:active{transform:translateY(3px)}.primary-btn{background-color:var(--primary);color:var(--on-accent);border:1px solid #ccad0033;border-bottom:4px solid #ccad0080;padding:16px 28px}.primary-btn:active{border-bottom-width:1px}.primary-btn.small{border-radius:14px;padding:10px 18px;font-size:14px}.primary-btn.large{padding:18px 36px;font-size:17px}.card-3d{background-color:var(--surface);border:1px solid var(--card-border);border-bottom:4px solid var(--card-border-bottom);border-radius:16px;transition:transform 80ms,border-bottom-width 80ms;box-shadow:0 12px 15px #ffd9001a,0 4px #ffd9001a}.flat-card{background-color:var(--surface);border-radius:20px;padding:22px}.section-header{text-align:center;margin-bottom:48px}.section-badge{color:var(--text-primary);background:#ffd90026;border-radius:10px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.section-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:36px;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:16px;font-weight:600;line-height:1.6}.reveal{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=640px){.section-title{font-size:28px}}