body::after,body::before{content:"";z-index:-1;position:fixed}body,nav a{color:var(--text)}#hero,nav{max-width:1200px;display:flex;margin:0 auto}.brand-name,h1{font-weight:800}#hero,.hero-buttons,nav,nav ul{display:flex}.btn,nav a{text-decoration:none}.feature-card i,nav a:hover{color:var(--primary)}#features,#hero,#tutorial,nav{margin:0 auto}.tabs-header,header{border-bottom:1px solid var(--glass-border)}#download,#features,#tutorial{padding:100px 2rem}:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#1e293b;--background:#0f172a;--text:#f8fafc;--text-muted:#94a3b8;--glass:rgba(255, 255, 255, 0.05);--glass-border:rgba(255, 255, 255, 0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--background);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}body::before{top:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(139,92,246,.15) 0,transparent 70%)}body::after{bottom:-10%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%)}header{background:rgba(15,23,42,.8);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000}nav{padding:1rem 2rem;justify-content:space-between;align-items:center}.feature-card i,h1{margin-bottom:1.5rem}.logo-container{display:flex;align-items:center;gap:10px}#nav-logo{width:40px;height:40px;object-fit:contain}.brand-name{font-size:1.5rem;letter-spacing:-.5px}.btn,.tab-btn{font-weight:600}nav ul{list-style:none;gap:2rem}nav a{font-weight:500;transition:color .3s}#hero{height:100vh;align-items:center;justify-content:space-between;padding:80px 2rem 0}.hero-content{flex:1}h1{font-size:4rem;line-height:1.1}.gradient-text{background:linear-gradient(90deg,#a78bfa,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:500px}.hero-buttons{gap:1rem}.download-container,.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.btn{padding:.8rem 2rem;border-radius:12px;transition:.3s cubic-bezier(.4, 0, .2, 1);display:inline-block}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px rgba(139,92,246,.4)}.btn-secondary,.feature-card,.tabs-container{background:var(--glass)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(139,92,246,.5)}.btn-secondary{color:var(--text);border:1px solid var(--glass-border)}.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.hero-image{flex:1;display:flex;justify-content:center;position:relative}.hero-image img{width:80%;max-width:400px;filter:drop-shadow(0 0 50px rgba(139, 92, 246, .3))}.floating{animation:6s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}#features{max-width:1200px}.section-title{font-size:2.5rem;text-align:center;margin-bottom:4rem}.feature-grid{display:grid}.feature-card{padding:2.5rem;border-radius:24px;border:1px solid var(--glass-border);transition:transform .3s}.feature-card:hover{transform:translateY(-10px)}.feature-card i{width:48px;height:48px}.feature-card p,.footer-content p,.tab-btn{color:var(--text-muted)}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}#tutorial{max-width:900px}.tabs-container{border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;margin-top:2rem}.tabs-header{display:flex;background:rgba(255,255,255,.03)}.tab-btn{flex:1;padding:1.2rem;border:none;background:0 0;font-family:inherit;cursor:pointer;transition:.3s}.tab-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.tab-btn.active{color:var(--primary);background:rgba(139,92,246,.05);border-bottom:2px solid var(--primary)}.tab-content{display:none;padding:2.5rem}.tab-content.active{display:block;animation:.4s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.code-block{background:#000;padding:1.2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0;border:1px solid #334155}.copy-btn,.download-card{background:var(--secondary)}.code-block code{color:#a78bfa;font-family:'Courier New',Courier,monospace;font-size:.9rem;word-break:break-all}.copy-btn{border:1px solid var(--glass-border);color:var(--text);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;margin-left:1rem}.copy-btn:hover{background:var(--primary);transform:scale(1.1)}.copy-btn i{width:18px;height:18px}#download{background:rgba(139,92,246,.03)}.download-container{display:grid;max-width:1200px;margin:0 auto}.download-card{padding:3rem 2rem;border-radius:24px;text-align:center;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:1rem;transition:.4s cubic-bezier(.175, .885, .32, 1.275)}.download-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary);box-shadow:0 20px 40px rgba(0,0,0,.3)}.platform-icon{width:80px;height:80px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.platform-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(139, 92, 246, .3))}.download-card h3{font-size:1.8rem;margin-bottom:.5rem}.download-card p{color:var(--text-muted);margin-bottom:2rem}.btn-download{background:var(--text);color:var(--background);width:100%}.btn-download:hover{background:#e2e8f0;transform:scale(1.02)}.download-card small{display:block;margin-top:1rem;color:var(--text-muted)}footer{padding:4rem 2rem;text-align:center;border-top:1px solid var(--glass-border)}@media (max-width:768px){h1{font-size:2.5rem}#hero{flex-direction:column;text-align:center;height:auto;padding-top:120px}.hero-buttons{justify-content:center}.hero-image{margin-top:3rem}nav ul{display:none}}