:root{--primary: #8a33ff;--primary-dark: #5e11ff;--primary-light: #b388ff;--bg: #030014;--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .07);--surface-light: rgba(255, 255, 255, .05);--text: #ffffff;--text-dim: #94a3b8;--white: #ffffff;--glass: rgba(138, 51, 255, .05);--glass-border: rgba(255, 255, 255, .1);--gradient: linear-gradient(135deg, #8a33ff 0%, #ff0072 100%);--gradient-hover: linear-gradient(135deg, #995eff 0%, #ff3d8e 100%);font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text);background-color:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{line-height:1.1;font-weight:800;letter-spacing:-.02em}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.header{height:90px;display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;background:#030014b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:all .4s ease}.nav{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-img{height:50px;width:auto;object-fit:contain;filter:brightness(1.2)}.lang-selector{display:flex;gap:.3rem;background:#ffffff0d;padding:6px;border-radius:12px;border:1px solid var(--glass-border)}.lang-btn{background:transparent;border:none;color:var(--text-dim);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.lang-btn.active{background:var(--white);color:#000;box-shadow:0 4px 12px #fff3}.lang-btn:hover:not(.active){color:var(--text);background:#ffffff1a}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-dim);font-weight:500;font-size:1rem;transition:all .3s ease}.nav-link:hover{color:var(--white);text-shadow:0 0 15px rgba(255,255,255,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;border-radius:16px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none;text-align:center;gap:.5rem}.btn-primary{background:var(--gradient);color:var(--white);box-shadow:0 10px 30px #8a33ff4d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover:after{left:100%}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #8a33ff80;background:var(--gradient-hover)}.btn-outline{background:#ffffff0d;color:var(--white);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff1a;border-color:var(--white);transform:translateY(-2px)}.btn-large{padding:1.4rem 3rem;font-size:1.2rem}.hero{padding:220px 0 120px;display:flex;align-items:center;min-height:90vh;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;right:-5%;width:800px;height:800px;background:radial-gradient(circle,rgba(138,51,255,.12) 0%,transparent 70%);z-index:-1;filter:blur(60px)}.hero:after{content:"";position:absolute;bottom:-10%;left:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,0,114,.08) 0%,transparent 70%);z-index:-1;filter:blur(80px)}.hero-content{flex:1;z-index:10}.hero-title{font-size:5.5rem;margin-bottom:2rem;line-height:1;max-width:900px}.hero-subtitle{font-size:1.4rem;color:var(--text-dim);margin-bottom:3.5rem;max-width:650px;font-weight:300}.hero-cta{display:flex;gap:1.5rem}.features{padding:140px 0;position:relative}.section-title{font-size:4rem;text-align:center;margin-bottom:5rem;color:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.feature-card{background:var(--surface);padding:4rem 3rem;border-radius:40px;border:1px solid var(--glass-border);transition:all .5s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(138,51,255,.1),transparent 50%);opacity:0;transition:opacity .5s ease}.feature-card:hover{transform:translateY(-15px) scale(1.02);border-color:#8a33ff66;background:var(--surface-hover);box-shadow:0 30px 60px #0006}.feature-card:hover:before{opacity:1}.feature-icon{font-size:4rem;margin-bottom:2rem;display:block}.feature-card h3{font-size:1.8rem;margin-bottom:1.2rem;color:var(--white)}.feature-card p{color:var(--text-dim);font-size:1.1rem;line-height:1.7}.selector-section{padding:140px 0;background:radial-gradient(circle at center,rgba(138,51,255,.03) 0%,transparent 70%)}.section-subtitle{text-align:center;color:var(--text-dim);font-size:1.3rem;margin-top:-3.5rem;margin-bottom:5rem;max-width:700px;margin-left:auto;margin-right:auto}.footer{padding:100px 0 50px;background:#010008;border-top:1px solid var(--glass-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:5rem;margin-bottom:5rem}.footer-info .logo-img{margin-bottom:2rem}.footer-info p{font-size:1.1rem;max-width:300px}.footer-links h4{margin-bottom:2rem;color:var(--white);font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase}.footer-links a{display:block;color:var(--text-dim);text-decoration:none;margin-bottom:1rem;transition:all .3s ease;font-weight:500}.footer-links a:hover{color:var(--white);transform:translate(5px)}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid var(--glass-border);color:#475569;font-size:1rem}@media(max-width:968px){.hero-title{font-size:4rem}}@media(max-width:768px){.hero-title{font-size:3.2rem}.nav-links{display:none}.footer-grid{grid-template-columns:1fr;gap:3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-content{animation:fadeInUp 1.2s cubic-bezier(.23,1,.32,1) forwards}.selector-container{display:flex;flex-direction:column;gap:4rem;align-items:center;margin-top:2rem}.capsule-display{display:flex;align-items:center;justify-content:center;gap:6rem;background:var(--surface);padding:6rem 5rem;border-radius:50px;border:1px solid var(--glass-border);width:100%;min-height:600px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.capsule-image-container{flex:1;display:flex;justify-content:center;perspective:2000px}.capsule-image{width:400px;height:400px;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(138,51,255,.4));animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-30px) rotate(8deg) scale(1.05)}}.capsule-info{flex:1;text-align:left}.capsule-name{font-size:3.5rem;margin-bottom:1.5rem;color:var(--white)}.capsule-description{font-size:1.3rem;color:var(--text-dim);margin-bottom:2.5rem;font-weight:300}.selector-controls{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%;max-width:1100px;justify-content:center;padding:2rem;background:#ffffff05;border-radius:30px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selector-btn{flex:0 0 auto;width:100px;height:100px;border-radius:24px;border:2px solid var(--glass-border);background:#ffffff08;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selector-btn:hover{transform:translateY(-8px) scale(1.1);background:#ffffff14;border-color:#ffffff4d}.selector-btn.active{border-color:var(--primary-light);transform:scale(1.25);box-shadow:0 0 40px #8a33ff80;background:#8a33ff26}.new-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ff0072,#ff5e62);color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:8px;z-index:10;box-shadow:0 4px 12px #ff007280}.updates-section{padding:120px 0;background:#020010}.update-card{background:#ffffff08;border-radius:32px;padding:2.5rem;border:1px solid var(--glass-border);transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.update-card:hover{transform:translateY(-8px);background:#ffffff0f;border-color:var(--primary-light)}.download-section{padding:140px 0;background:radial-gradient(circle at center,rgba(255,0,114,.04) 0%,transparent 70%)}.app-store-banner{display:flex;justify-content:center;margin-top:2rem}.app-store-button{transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:block}.app-store-button:hover{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 15px 30px rgba(0,0,0,.5))}.app-store-button img{height:70px;width:auto}.download-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.disclaimer-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;text-align:left}.disclaimer-banner p{color:#fca5a5;font-weight:500;font-size:.95rem}.warning-icon{font-size:1.5rem}.tutorial-interactive{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.step-card{background:var(--surface);border-radius:20px;padding:1.5rem;border:1px solid var(--glass-border);display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.step-card:hover{background:var(--surface-light);border-color:var(--primary-light)}.step-number{min-width:45px;height:45px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:var(--white);box-shadow:0 4px 10px #995eff4d}.step-content{flex:1}.step-content h3{font-size:1.1rem;margin-bottom:.4rem;color:var(--text)}.step-content p{color:var(--text-dim);font-size:.9rem}.step-action{margin-top:.8rem}.btn-sm{padding:.5rem 1.2rem;font-size:.85rem;border-radius:8px}.loading-spinner{text-align:center;padding:2rem;color:var(--text-dim);font-style:italic}.step-img-icon{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface-light);padding:6px}