:root{--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", sans-serif;--bg-primary:#000;--bg-secondary:#000;--bg-card:#000;--bg-glass:#000;--border-color:#fff;--border-hover:#fff;--text-main:#fff;--text-muted:#fff;--text-dim:#fff;--primary:#14b8a6;--primary-hover:#0d9488;--primary-glow:#14b8a640;--accent-purple:#14b8a6;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-cyan:#06b6d4;--gradient-brand:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-text:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 4px 12px #0003;--shadow-glow:0 0 40px #6366f12e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffc;--bg-glass:#f1f5f9b3;--border-color:#000;--border-hover:#000;--text-main:#000;--text-muted:#000;--text-dim:#000;--primary-glow:#14b8a61f;--shadow-glow:0 10px 40px #14b8a61f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.bg-glow{background:radial-gradient(circle, var(--primary-glow) 0%, #0000 70%);pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:absolute}.bg-glow-1{top:-200px;left:-150px}.bg-glow-2{background:radial-gradient(circle,#14b8a626 0%,#0000 70%);top:40%;right:-200px}.container{z-index:1;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.text-gradient{color:var(--text-main)}.btn{border-radius:var(--radius-full);transition:var(--transition);text-align:center;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 8px 24px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #14b8a666}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:var(--primary);background:#14b8a61a;transform:translateY(-2px)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.main-header{z-index:100;height:80px;transition:var(--transition);position:fixed;top:0;left:0;right:0}.main-header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#0b0f19d9}[data-theme=light] .main-header.scrolled{background:#ffffffd9}.nav-container{justify-content:space-between;align-items:center;height:100%;display:flex}.brand-logo{font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.6rem;font-weight:800;display:flex}.logo-icon{background:var(--gradient-brand);color:#fff;width:40px;height:40px;box-shadow:0 4px 16px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.nav-menu{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--primary)}.nav-actions{align-items:center;gap:16px;display:flex}.theme-toggle{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-main);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--primary);background:var(--bg-card)}@media (width<=768px){.nav-menu{display:none}}.hero{text-align:center;padding-top:160px;padding-bottom:100px}.badge-pill{border-radius:var(--radius-full);color:#2dd4bf;background:#14b8a61f;border:1px solid #14b8a64d;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.875rem;font-weight:600;animation:3s infinite alternate pulseGlow;display:inline-flex}@keyframes pulseGlow{0%{box-shadow:0 0 10px #14b8a61a}to{box-shadow:0 0 20px #14b8a64d}}.hero-title{letter-spacing:-1.5px;max-width:900px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:clamp(2.5rem,5vw,4.5rem)}.hero-subtitle{color:var(--text-muted);max-width:720px;margin:0 auto 40px;font-size:1.2rem}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:60px;display:flex}.hero-mockup-wrapper{border-radius:var(--radius-lg);background:var(--gradient-brand);max-width:1000px;box-shadow:var(--shadow-glow);margin:0 auto;padding:12px;position:relative}.hero-mockup-placeholder{background:var(--bg-primary);border-radius:calc(var(--radius-lg) - 4px);flex-direction:column;width:100%;height:500px;display:flex;overflow:hidden}.mockup-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-content{flex:1;display:flex}.mockup-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);width:200px}.mockup-main{flex-direction:column;flex:1;gap:16px;padding:32px;display:flex}.mockup-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);height:80px}.metrics-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:60px;padding:32px;display:grid}.metric-item h3{color:var(--primary);font-size:2.2rem}.metric-item p{color:var(--text-muted);font-size:.9rem}@media (width<=768px){.hero{padding-top:120px}.mockup-sidebar{display:none}}.demo-section{background:var(--bg-secondary);padding:100px 0}.demo-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.tab-btn{border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);transition:var(--transition);align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.tab-btn.active,.tab-btn:hover{background:var(--gradient-brand);color:#fff;border-color:#0000}.demo-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:800px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;min-height:380px;margin:0 auto;padding:40px;display:flex}.demo-panel{text-align:center;width:100%}.pomo-timer-display{font-size:4.5rem;font-family:var(--font-heading);color:var(--primary);margin:20px 0;font-weight:800}.pomo-controls{justify-content:center;gap:12px;display:flex}.flashcard-box{background:var(--bg-card);border:2px dashed var(--primary);border-radius:var(--radius-md);cursor:pointer;width:100%;max-width:440px;height:220px;transform-style:preserve-3d;justify-content:center;align-items:center;margin:0 auto 24px;padding:24px;font-size:1.25rem;font-weight:600;display:flex}.flashcard-box.flipped{background:#14b8a626;border-style:solid}.quiz-options{text-align:left;gap:12px;display:grid}.quiz-opt{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;padding:14px 20px}.quiz-opt:hover{border-color:var(--primary)}.quiz-opt.correct{border-color:var(--accent-emerald);color:var(--accent-emerald);background:#10b98133}.quiz-opt.incorrect{color:#ef4444;background:#ef444433;border-color:#ef4444}@media (width<=768px){.demo-container{padding:24px}}.features-section{padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.feature-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);padding:36px}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.feature-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--primary);background:#14b8a61f;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.75rem;display:flex}.feature-card h3{margin-bottom:12px;font-size:1.4rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.pricing-section{background:var(--bg-secondary);padding:100px 0}.pricing-toggle{justify-content:center;align-items:center;gap:16px;margin-bottom:50px;display:flex}.pricing-toggle span{transition:var(--transition);color:var(--text-muted)}.pricing-toggle span.active-label{color:var(--text-main);font-weight:600}.switch{width:60px;height:32px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--primary);border-radius:50%;width:24px;height:24px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider:before{transform:translate(28px)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.price-card{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-color);padding:40px;position:relative}.price-card.popular{border-color:var(--primary);box-shadow:var(--shadow-glow)}.popular-tag{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-full);padding:4px 16px;font-size:.8rem;font-weight:700;position:absolute;top:-14px;right:28px}.price-val{font-size:3rem;font-family:var(--font-heading);align-items:baseline;gap:8px;margin:20px 0;display:flex}.price-term{color:var(--text-muted);font-size:1rem;font-weight:400}.price-features{gap:14px;margin:30px 0;list-style:none;display:grid}.price-features li{color:var(--text-muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.feat-check{color:var(--accent-emerald)}.faq-section{padding:100px 0}.faq-accordion{gap:16px;max-width:800px;margin:0 auto;display:grid}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--border-hover)}.faq-question{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px;font-size:1.1rem;font-weight:600;display:flex}.faq-answer-wrapper{overflow:hidden}.faq-answer{color:var(--text-muted);padding:0 24px 24px;font-size:.95rem}footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:80px 0 40px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px;display:grid}.footer-col h4{margin-bottom:20px;font-size:1.1rem}.footer-col ul{gap:12px;list-style:none;display:grid}.footer-col a{color:var(--text-muted);transition:var(--transition);font-size:.9rem}.footer-col a:hover{color:var(--primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-dim);padding-top:40px;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:480px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000080}.close-modal{color:var(--text-dim);transition:var(--transition);position:absolute;top:16px;right:20px}.close-modal:hover{color:var(--text-main);transform:rotate(90deg)}