@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Orbitron:wght@400;700;900&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
:root{--bg-color:#0a0a0f;--card-bg:#141419b3;--accent-color:#ff5757;--accent-hover:#ff7070;--text-primary:#f0f0f5;--text-secondary:#a0a0af;--border-color:#ffffff1a;--glass-blur:15px;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Noto Sans SC,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,.tech-font{letter-spacing:1px;text-transform:uppercase;font-family:Orbitron,sans-serif}.bg-particles{z-index:-1;opacity:.8;background:radial-gradient(circle,#1a1a2e 0%,#0a0a0f 100%);width:100%;height:100%;position:fixed;top:0;left:0}.container{max-width:1200px;margin:0 auto;padding:0 40px}header{z-index:100;height:80px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:12px;display:flex}.logo-small{width:40px;height:40px}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:30px;padding:12px 32px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 15px #ff57574d}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff575766}.hero{text-align:center;flex-direction:column;align-items:center;padding:100px 0;display:flex}.hero-logo{filter:drop-shadow(0 0 30px #ff575733);width:300px;margin-bottom:40px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero h1{background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:64px}.hero p{color:var(--text-secondary);max-width:700px;margin-bottom:48px;font-size:20px}.download-cta{flex-direction:column;align-items:center;gap:16px;display:flex}.version-info{color:var(--text-secondary);font-size:14px}.features{grid-template-columns:repeat(3,1fr);gap:32px;padding:80px 0;display:grid}.feature-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);transition:var(--transition);border-radius:24px;padding:40px}.feature-card:hover{border-color:var(--accent-color);transform:translateY(-10px)}.feature-card .icon{width:60px;height:60px;color:var(--accent-color);background:linear-gradient(135deg,#ff575733,#ff57570d);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;display:flex}.feature-card h3{margin-bottom:16px;font-size:22px}.feature-card p{color:var(--text-secondary)}.steps{text-align:center;padding:100px 0}.steps-grid{justify-content:space-between;align-items:center;margin-top:60px;display:flex;position:relative}.step-item{z-index:2;flex:1;position:relative}.step-number{background:var(--bg-color);border:2px solid var(--accent-color);width:60px;height:60px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;display:flex;box-shadow:0 0 20px #ff575733}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);padding:60px 0}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;border:1px solid var(--accent-color);background:#1a1a2e;border-radius:24px;width:90%;max-width:440px;padding:40px;box-shadow:0 0 50px #ff575733}.qr-placeholder{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:180px;height:180px;margin:20px auto;padding:10px;display:flex;overflow:hidden}.qr-placeholder img{object-fit:contain;width:100%;height:100%}.modal-title{margin-bottom:10px;font-family:Orbitron,sans-serif}.code-input-group{justify-content:center;gap:10px;margin-top:25px;display:flex}.code-input{border:1px solid var(--border-color);color:#fff;text-align:center;letter-spacing:4px;background:#0000004d;border-radius:8px;width:160px;padding:12px;font-family:Orbitron,sans-serif;font-size:18px}.code-input:focus{border-color:var(--accent-color);outline:none}.verify-btn{background:var(--accent-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:0 20px;font-weight:700}.verify-btn:hover{background:var(--accent-hover)}.modal-close{color:#555;cursor:pointer;margin-top:25px;font-size:14px;text-decoration:underline}@media (max-width:900px){.features{grid-template-columns:1fr}.hero h1{font-size:48px}}