:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-title:"Outfit", var(--font-sans);--bg-deep:#07050f;--bg-dark:#0e0a1b;--bg-glass:#140f2073;--bg-glass-active:#1e1830b3;--border-glass:#ffffff14;--border-glass-glow:#e639464d;--color-primary:#e63946;--color-orange:#ff7a00;--color-purple:#8b5cf6;--color-pink:#ec4899;--color-emerald:#10b981;--color-blue:#3b82f6;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#1f2937;--glow-primary:0 0 20px #e6394666;--glow-orange:0 0 20px #ff7a0066;--glow-emerald:0 0 20px #10b98166;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 20%,#e6394626 0%,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf626 0%,#0000 45%),radial-gradient(circle at 50% 80%,#ff7a001a 0%,#0000 50%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.particles-bg{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{pointer-events:none;background:radial-gradient(circle,#e6394666 0%,#0000 70%);border-radius:50%;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)scale(.5)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}h1,h2,h3,h4{font-family:var(--font-title);color:var(--text-main);font-weight:800;line-height:1.1}p{color:var(--text-muted);line-height:1.6}.glass{background:var(--bg-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);border-radius:16px}.glass-interactive{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-interactive:hover{background:#19142aa6;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.header{z-index:100;border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);background:#07050fb3;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-title);letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-main) 30%, #ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:900;display:flex}.logo-owl{font-size:1.75rem;animation:3s ease-in-out infinite alternate gentleRotate}@keyframes gentleRotate{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.nav-links{gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.cta-button{background:linear-gradient(135deg, var(--color-primary), var(--color-orange));color:#fff;font-family:var(--font-title);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{box-shadow:var(--glow-primary);filter:brightness(1.1);transform:translateY(-2px)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem;display:grid}@media (width<=968px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem;padding:2rem 1.5rem}}.hero-content h1{letter-spacing:-2px;background:linear-gradient(135deg, #fff 40%, var(--color-orange) 80%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4.5rem}@media (width<=768px){.hero-content h1{font-size:3rem}}.hero-subtitle{margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=968px){.hero-buttons{justify-content:center}}.store-badge{color:#fff;font-family:var(--font-sans);text-align:left;background:#000;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .2s;display:inline-flex}.store-badge:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 20px #00000080}.store-badge svg{width:24px;height:24px}.badge-sub{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;display:block}.badge-title{font-size:.9rem;font-weight:700;display:block}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.phone-floating-container{width:320px;height:640px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-15px)rotate(-2deg)}to{transform:translateY(0)rotate(2deg)}}.phone-glow-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle,#e6394640 0%,#0000 70%);border-radius:50%;width:120%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-shell{background:#000;border:12px solid #1a1a1a;border-radius:40px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #ff7a0026}.phone-notch{z-index:10;background:#1a1a1a;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:110px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.floating-letters-container{pointer-events:none;width:100%;height:100%;position:absolute}.orbiting-letter{font-family:var(--font-title);color:var(--color-primary);opacity:.8;text-shadow:0 0 10px #e6394680;font-size:2rem;animation:12s linear infinite orbit;position:absolute}.l1{animation-delay:0s;top:10%;left:0%}.l2{color:var(--color-orange);text-shadow:0 0 10px #ff7a0080;animation-delay:-3s;top:80%;left:10%}.l3{color:var(--color-purple);text-shadow:0 0 10px #8b5cf680;animation-delay:-6s;top:30%;right:-5%}.l4{color:var(--color-pink);text-shadow:0 0 10px #ec489980;animation-delay:-9s;top:75%;right:5%}.demo-section{text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem}.demo-title{margin-bottom:1rem;font-size:3rem}.demo-subtitle{max-width:600px;margin:0 auto 4rem;font-size:1.15rem}.simulator-layout{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=968px){.simulator-layout{grid-template-columns:1fr;justify-items:center;gap:3rem}.simulator-layout .simulator-info{text-align:center}}.demo-tabs{flex-direction:column;gap:1.25rem;display:flex}.demo-tab-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-main);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:1.25rem;width:100%;padding:1.5rem;transition:all .3s;display:flex}.demo-tab-btn.active{border-color:var(--color-primary);background:#1e143299;transform:scale(1.02);box-shadow:0 8px 24px #e6394626}.demo-tab-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.demo-tab-btn.active .demo-tab-icon{background:var(--color-primary);color:#fff;box-shadow:var(--glow-primary)}.demo-tab-btn:nth-child(2).active .demo-tab-icon{background:var(--color-orange);box-shadow:var(--glow-orange)}.demo-tab-btn:nth-child(3).active .demo-tab-icon{background:var(--color-emerald);box-shadow:var(--glow-emerald)}.demo-tab-title{font-family:var(--font-title);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.demo-tab-desc{color:var(--text-muted);font-size:.9rem}.simulator-screen{background-color:#0b0914;flex-direction:column;flex:1;display:flex;position:relative}.sim-top-indicators{color:#fff9;background:#07050f80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;font-size:.75rem;font-weight:600;display:flex}.sim-stats-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sim-stat-item{font-family:var(--font-title);align-items:center;gap:.35rem;font-size:.9rem;font-weight:800;display:flex}.sim-content{flex-direction:column;flex:1;padding:1rem;display:flex;position:relative;overflow-y:auto}.quiz-progress-bar{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:1.5rem;overflow:hidden}.quiz-progress-fill{background:var(--color-emerald);width:40%;height:100%;transition:width .5s}.quiz-prompt{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem}.quiz-source-phrase{font-family:var(--font-title);color:#fff;text-shadow:0 0 10px #ffffff1a;margin-bottom:2rem;font-size:1.6rem;font-weight:800}.quiz-slots{background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:48px;margin-bottom:2rem;padding:.5rem;display:flex}.quiz-word-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:#fff;cursor:pointer;border-radius:12px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px #0003}.quiz-word-btn:hover{background:#ffffff0d;border-color:#ffffff40;transform:translateY(-2px)}.quiz-word-btn.used{opacity:.3;pointer-events:none}.quiz-bank{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:auto;padding-bottom:1.5rem;display:flex}.quiz-feedback-banner{border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;gap:.75rem;width:100%;padding:1.5rem;animation:.3s cubic-bezier(.18,.89,.32,1.28) forwards slideUp;display:flex;position:absolute;bottom:0;left:0}.quiz-feedback-banner.success{border-top:2px solid var(--color-emerald);background:#0f2b23}.quiz-feedback-banner.error{border-top:2px solid var(--color-primary);background:#3a151b}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-title-container{font-family:var(--font-title);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:900;display:flex}.feedback-title-container.success{color:var(--color-emerald)}.feedback-title-container.error{color:var(--color-primary)}.feedback-btn{background:var(--color-emerald);color:#fff;font-family:var(--font-title);cursor:pointer;text-align:center;border:none;border-radius:12px;padding:.75rem;font-weight:800;transition:filter .2s}.feedback-btn:hover{filter:brightness(1.15)}.confetti-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.streak-header{text-align:center;margin:1rem 0 2rem}.streak-flame-wrapper{margin-bottom:1.5rem;display:inline-block;position:relative}.streak-flame-icon{font-size:5rem;animation:1.5s ease-in-out infinite alternate pulseFlame}@keyframes pulseFlame{0%{filter:drop-shadow(0 0 15px #ff7a0066);transform:scale(.95)}to{filter:drop-shadow(0 0 25px #ff7a00b3);transform:scale(1.05)}}.streak-count-big{font-family:var(--font-title);font-size:3.5rem;font-weight:900;line-height:1}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;margin:2rem 0;display:grid}.calendar-day-header{color:var(--text-muted);text-align:center;margin-bottom:.25rem;font-size:.7rem;font-weight:800}.calendar-cell{aspect-ratio:1;color:#fff6;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .3s;display:flex;position:relative}.calendar-cell.active{background:linear-gradient(135deg, var(--color-orange), var(--color-primary));color:#fff;border-color:#0000;box-shadow:0 0 10px #ff7a0066}.calendar-cell.sparkle-active{animation:.5s forwards cellGlow}@keyframes cellGlow{0%{filter:brightness(1.5);transform:scale(1)}50%{transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}.streak-btn{background:var(--color-orange);color:#fff;font-family:var(--font-title);cursor:pointer;width:100%;box-shadow:var(--glow-orange);border:none;border-radius:14px;margin-top:auto;padding:.9rem;font-weight:800}.league-standings-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.league-header-bar{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem;display:flex}.league-title{font-family:var(--font-title);color:#fff;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.league-timer{color:var(--text-muted);font-size:.75rem;font-weight:600}.league-row{border-bottom:1px solid #ffffff0a;align-items:center;padding:.8rem 1rem;font-size:.85rem;transition:all .3s;display:flex}.league-row.current-user{border-left:3px solid var(--color-purple);background:#8b5cf614}.league-rank{font-family:var(--font-title);width:24px;color:var(--text-muted);font-weight:800}.league-row:nth-child(2) .league-rank{color:gold}.league-row:nth-child(3) .league-rank{color:silver}.league-row:nth-child(4) .league-rank{color:#cd7f32}.league-user-info{flex:1;align-items:center;gap:.75rem;display:flex}.league-avatar{background:var(--bg-glass);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.league-username{color:var(--text-main);font-weight:600}.league-xp{font-family:var(--font-title);color:var(--color-purple);font-weight:800}.league-row.climbing{animation:.8s forwards rowMove}@keyframes rowMove{0%{background:#8b5cf633;transform:scale(1)}50%{transform:scale(1.03)}to{background:#8b5cf614;transform:scale(1)}}.sim-bottom-nav{background:#07050fcc;border-top:1px solid #ffffff14;justify-content:space-around;padding:.75rem 1rem;display:flex}.sim-nav-item{color:#fff6;cursor:pointer}.sim-nav-item.active{color:var(--color-primary)}.features-section{text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-tag{font-family:var(--font-title);color:var(--color-orange);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:block}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem;display:grid}.feature-card{text-align:left;padding:2.5rem 2rem;position:relative;overflow:hidden}.feature-card-glow{pointer-events:none;background:radial-gradient(circle,#e6394633 0%,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.feature-card:nth-child(2) .feature-card-glow{background:radial-gradient(circle,#ff7a0033 0%,#0000 70%)}.feature-card:nth-child(3) .feature-card-glow{background:radial-gradient(circle,#8b5cf633 0%,#0000 70%)}.feature-card:nth-child(4) .feature-card-glow{background:radial-gradient(circle,#10b98133 0%,#0000 70%)}.feature-icon-wrapper{border:1px solid var(--border-glass);width:56px;height:56px;color:var(--color-primary);background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card:nth-child(2) .feature-icon-wrapper{color:var(--color-orange)}.feature-card:nth-child(3) .feature-icon-wrapper{color:var(--color-purple)}.feature-card:nth-child(4) .feature-icon-wrapper{color:var(--color-emerald)}.feature-card h3{margin-bottom:1rem;font-size:1.4rem}.alphabet-section{text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem}.alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.25rem;max-width:1000px;margin:4rem auto 3rem;display:grid}.alphabet-card{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:1.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.alphabet-letter{font-family:var(--font-title);color:#fff;margin-bottom:.5rem;font-size:3rem;font-weight:900;transition:color .3s}.alphabet-card:hover{border-color:var(--color-orange);transform:translateY(-8px)scale(1.03);box-shadow:0 10px 25px #ff7a0026}.alphabet-card:hover .alphabet-letter{color:var(--color-orange)}.alphabet-letter-name{color:var(--text-main);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.alphabet-letter-phon{color:var(--text-muted);font-size:.8rem}.alphabet-detail-box{text-align:center;flex-direction:column;justify-content:center;max-width:600px;min-height:180px;margin:3rem auto 0;padding:2rem;animation:.4s forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-letter{font-size:4rem;font-family:var(--font-title);color:var(--color-orange);margin-bottom:1rem;font-weight:900}.detail-name{font-size:1.5rem;font-family:var(--font-title);margin-bottom:.5rem;font-weight:800}.detail-description{color:var(--text-muted);line-height:1.6}.cta-banner-section{max-width:1200px;margin:6rem auto;padding:0 2rem}.cta-card{text-align:center;padding:5rem 3rem;position:relative;overflow:hidden}.cta-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#e639462e 0%,#0000 60%);width:60%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-card h2{letter-spacing:-1.5px;margin-bottom:1rem;font-size:3.5rem}.cta-card p{max-width:600px;margin:0 auto 3rem;font-size:1.2rem}.footer{border-top:1px solid var(--border-glass);background:#07050ff2;margin-top:auto;padding:4rem 2rem 2rem}.footer-content{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding-bottom:3rem;display:flex}@media (width<=768px){.footer-content{text-align:center;flex-direction:column}}.footer-logo{font-family:var(--font-title);color:#fff;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:900;text-decoration:none;display:flex}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-link{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--color-primary)}.footer-bottom{max-width:1200px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding-top:2rem;font-size:.85rem;display:flex}@media (width<=768px){.footer-bottom{text-align:center;flex-direction:column}}