*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-card:#13131a;--bg-card-hover:#1a1a24;--surface:#1e1e2a;--border:#2a2a3a;--text:#e4e4ed;--text-muted:#9393a8;--primary:#6366f1;--primary-hover:#818cf8;--accent:#a855f7;--success:#22c55e;--error:#ef4444;--radius:12px;--radius-lg:16px;--shadow:0 4px 24px #0006;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1100px;margin:0 auto;padding:0 24px}a{color:var(--text-muted);text-decoration:none;transition:color .2s}a:hover{color:var(--text)}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0fd9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.logo:hover{color:var(--text)}.nav-links{gap:28px;font-size:.9rem;font-weight:500;display:flex}.hero{text-align:center;background:radial-gradient(60% 50% at 50% 0,#6366f126,#0000),radial-gradient(40% 40% at 80% 10%,#a855f71a,#0000);padding:80px 0 48px}.hero-content{max-width:720px;margin:0 auto}.badge{color:var(--primary);background:#6366f11f;border:1px solid #6366f140;border-radius:9999px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.hero h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:540px;margin:0 auto 36px;font-size:1.1rem}.download-form{gap:12px;max-width:640px;margin:0 auto;display:flex}.input-wrapper{flex:1;position:relative}.input-icon{width:20px;height:20px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.url-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-size:1rem;font-family:var(--font);outline:none;padding:14px 40px 14px 48px;transition:border-color .2s,box-shadow .2s}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-btn:hover{color:var(--text)}.download-btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;white-space:nowrap;font-size:1rem;font-weight:600;font-family:var(--font);border:none;align-items:center;gap:8px;padding:14px 28px;transition:opacity .2s,transform .1s;display:flex}.download-btn:hover{opacity:.9}.download-btn:active{transform:scale(.97)}.download-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.message{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;font-size:.9rem;font-weight:500;display:flex}.message.error{color:var(--error);background:#ef44441a}.message.success{color:var(--success);background:#22c55e1a}.public-notice{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:.85rem;display:flex}.ad-container{max-width:1100px;min-height:90px;margin:32px auto;padding:0 24px}.platforms{padding:72px 0}.platforms h2,.how-it-works h2,.faq h2{text-align:center;margin-bottom:8px;font-size:2rem;font-weight:700}.section-sub{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:1.05rem}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.platform-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:10px;padding:24px 12px;transition:transform .2s,background .2s,border-color .2s;display:flex}.platform-card:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-4px)}.platform-icon{width:36px;height:36px}.platform-icon svg{width:100%;height:100%}.platform-name{color:var(--text);font-size:.85rem;font-weight:600}.how-it-works{background:var(--bg-card);padding:72px 0}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.step-card{text-align:center;border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);padding:32px 24px}.step-number{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:1.25rem;font-weight:700;display:flex}.step-card h3{margin-bottom:8px;font-size:1.15rem}.step-card p{color:var(--text-muted);font-size:.95rem}.faq{padding:72px 0}.faq-list{max-width:680px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;padding:16px 20px;font-size:1rem;font-weight:600;list-style:none;transition:background .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";float:right;color:var(--text-muted);font-size:1.2rem;transition:transform .2s}.faq-item[open] summary:before{content:"−"}.faq-item summary:hover{background:var(--bg-card-hover)}.faq-item p{color:var(--text-muted);padding:0 20px 16px;font-size:.95rem}.footer{border-top:1px solid var(--border);text-align:center;margin-top:auto;padding:32px 0}.footer-inner p{color:var(--text-muted);font-size:.85rem}.footer-disclaimer{max-width:540px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:.75rem}@media (width<=640px){.download-form{flex-direction:column}.download-btn{justify-content:center}.nav-links{gap:16px;font-size:.8rem}.hero{padding:56px 0 32px}.hero h1{font-size:1.75rem}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.platform-card{padding:16px 8px}.platform-icon{width:28px;height:28px}}