:root{--bg-dark: #030712;--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(30, 41, 59, .8);--border-emerald: rgba(0, 255, 136, .2);--border-glow: rgba(0, 255, 136, .5);--emerald-primary: #00ff88;--emerald-hover: #00e676;--emerald-dark: #052e16;--emerald-glow: 0 0 25px rgba(0, 255, 136, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--yt-color: #ff0000;--tt-color: #00f2fe;--ig-color: #e1306c;--fb-color: #1877f2;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body.dark-theme{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}h1,h2,h3,h4,.brand-name{font-family:Outfit,sans-serif}.glow-bg{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:-2}.glow-primary{width:600px;height:600px;background:radial-gradient(circle,#00ff8826,#052e1600 70%);top:-100px;left:50%;transform:translate(-50%)}.glow-secondary{width:500px;height:500px;background:radial-gradient(circle,#0ea5e91f,#03071200 70%);bottom:0;right:-100px}.matrix-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(rgba(0,255,136,.08) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-emerald);border-radius:var(--radius-lg);box-shadow:0 10px 30px -10px #00000080;transition:border-color var(--transition-normal)}.glass-panel:hover{border-color:#00ff8859}.glass-header{position:sticky;top:0;z-index:100;background:#030712d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-emerald)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:76px}.brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-main)}.logo-img{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--emerald-primary);box-shadow:var(--emerald-glow);object-fit:cover}.brand-name{font-size:1.35rem;font-weight:800;letter-spacing:.5px}.accent-text{color:var(--emerald-primary)}.domain-tag{display:block;font-size:.7rem;color:var(--text-muted);font-weight:500}.nav-tabs{display:flex;align-items:center;gap:.5rem;background:#0f172acc;padding:.35rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08)}.nav-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{color:var(--text-main);background:#ffffff0d}.nav-btn.active{background:var(--emerald-dark);color:var(--emerald-primary);border:1px solid var(--emerald-primary);box-shadow:0 0 12px #0f83}.icon{width:18px;height:18px}.yt-color{color:var(--yt-color)}.tt-color{color:var(--tt-color)}.ig-color{color:var(--ig-color)}.fb-color{color:var(--fb-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:linear-gradient(135deg,var(--emerald-primary) 0%,#00e676 100%);color:#030712;box-shadow:var(--emerald-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #0f89}.btn-outline{background:#0f172acc;color:var(--text-main);border:1px solid var(--border-emerald)}.btn-outline:hover{border-color:var(--emerald-primary);background:var(--emerald-dark)}.badge{background:var(--emerald-primary);color:#030712;font-size:.75rem;padding:.15rem .45rem;border-radius:var(--radius-full);font-weight:700}.hero-section{padding:4rem 0 3rem;text-align:center}.hero-content{max-width:860px;margin:0 auto}.status-pill{display:inline-flex;align-items:center;gap:.5rem;background:#052e16cc;border:1px solid var(--emerald-primary);color:var(--emerald-primary);padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;margin-bottom:1.5rem}.dot-green{width:8px;height:8px;background-color:var(--emerald-primary);border-radius:50%;box-shadow:0 0 10px var(--emerald-primary);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.hero-title{font-size:3.2rem;font-weight:900;line-height:1.15;margin-bottom:1rem;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--emerald-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem}.platform-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2rem}.pill{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.88rem;cursor:pointer;transition:all var(--transition-fast)}.pill:hover,.pill.active{background:var(--emerald-dark);border-color:var(--emerald-primary);color:var(--emerald-primary)}.downloader-card{padding:1.75rem;margin-bottom:2.5rem;position:relative}.downloader-form{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.downloader-form{flex-direction:row}}.input-wrapper{position:relative;flex:1;display:flex;align-items:center}.input-icon{position:absolute;left:1.25rem;color:var(--text-muted);display:flex;align-items:center}.input-icon svg{width:22px;height:22px}.url-input{width:100%;padding:1.1rem 7.5rem 1.1rem 3.2rem;background:#030712cc;border:1.5px solid var(--border-emerald);border-radius:var(--radius-md);color:var(--text-main);font-size:1rem;outline:none;transition:all var(--transition-fast)}.url-input:focus{border-color:var(--emerald-primary);box-shadow:0 0 20px #00ff8840}.paste-btn{position:absolute;right:.75rem;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);color:var(--emerald-primary);padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:all var(--transition-fast)}.paste-btn:hover{background:var(--emerald-dark);border-color:var(--emerald-primary)}.paste-btn svg{width:14px;height:14px}.detected-badge{position:absolute;right:5.5rem;display:flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background:#000c;border:1px solid var(--emerald-primary);color:#fff;animation:fadeIn .3s ease}.detected-badge.youtube{border-color:var(--yt-color);color:var(--yt-color)}.detected-badge.tiktok{border-color:var(--tt-color);color:var(--tt-color)}.detected-badge.instagram{border-color:var(--ig-color);color:var(--ig-color)}.detected-badge.facebook{border-color:var(--fb-color);color:var(--fb-color)}.btn-large{padding:1.1rem 2.2rem;font-size:1.05rem;border-radius:var(--radius-md);white-space:nowrap}.input-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.25rem;color:var(--text-muted);font-size:.82rem}.hint-item{display:flex;align-items:center;gap:.4rem}.hint-item svg{width:15px;height:15px;color:var(--emerald-primary)}.spinner{width:20px;height:20px;border:3px solid rgba(3,7,18,.3);border-top-color:#030712;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-card{padding:2rem;margin-top:2rem;text-align:left;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:640px){.result-header{grid-template-columns:260px 1fr}}.thumb-container{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--border-emerald)}.result-thumb{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#00ff88e6;color:#030712;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--emerald-glow);transition:transform var(--transition-fast)}.play-overlay:hover{transform:translate(-50%,-50%) scale(1.1)}.play-overlay svg{width:20px;height:20px;margin-left:3px}.duration-badge{position:absolute;bottom:.5rem;right:.5rem;background:#000000d9;color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.result-info{display:flex;flex-direction:column;justify-content:center}.meta-tags{display:flex;gap:.5rem;margin-bottom:.75rem}.badge-platform{background:var(--emerald-dark);color:var(--emerald-primary);border:1px solid var(--emerald-primary);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-watermark{background:#0ea5e933;color:#38bdf8;border:1px solid #38bdf8;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.result-title{font-size:1.3rem;font-weight:700;margin-bottom:.4rem;line-height:1.3}.result-author{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.format-switch{display:inline-flex;gap:.5rem;background:#03071299;padding:.3rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);width:fit-content}.switch-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-muted);padding:.45rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.switch-btn.active{background:var(--emerald-primary);color:#030712}.switch-btn svg{width:16px;height:16px}.formats-list{display:flex;flex-direction:column;gap:.75rem}.format-item{display:flex;align-items:center;justify-content:space-between;background:#1e293b80;border:1px solid rgba(255,255,255,.08);padding:.9rem 1.25rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.format-item:hover{background:#1e293be6;border-color:var(--border-emerald)}.format-details{display:flex;align-items:center;gap:1rem}.quality-badge{background:var(--emerald-dark);color:var(--emerald-primary);font-weight:700;font-size:.85rem;padding:.3rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border-emerald)}.format-name{font-weight:600;font-size:.95rem}.file-size{color:var(--text-muted);font-size:.85rem}.platforms-section{padding:4rem 0}.section-title{margin-bottom:3rem}.section-title h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.section-title p{color:var(--text-muted);font-size:1.05rem}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}.platform-card{padding:2rem;border-radius:var(--radius-lg);transition:transform var(--transition-normal)}.platform-card:hover{transform:translateY(-6px)}.card-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.card-icon svg{width:28px;height:28px}.yt-bg{background:#ff000026;color:var(--yt-color)}.tt-bg{background:#00f2fe26;color:var(--tt-color)}.ig-bg{background:#e1306c26;color:var(--ig-color)}.fb-bg{background:#1877f226;color:var(--fb-color)}.platform-card h3{font-size:1.35rem;margin-bottom:.6rem}.platform-card p{color:var(--text-muted);font-size:.92rem;margin-bottom:1.25rem}.feature-list{list-style:none;font-size:.85rem;color:var(--text-main);display:flex;flex-direction:column;gap:.4rem}.how-section{padding:4rem 0;background:#0f172a4d}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card{padding:2.2rem;position:relative}.step-number{font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;color:#0f83;position:absolute;top:1rem;right:1.5rem}.step-card h3{font-size:1.25rem;margin-bottom:.6rem}.step-card p{color:var(--text-muted);font-size:.92rem}.drawer-overlay,.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030712cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:flex-end;animation:fadeIn .25s ease}.drawer-content{width:100%;max-width:440px;height:100%;border-radius:0;border-left:1px solid var(--border-emerald);display:flex;flex-direction:column;padding:1.75rem}.drawer-header,.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.25rem}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer}.close-btn:hover{color:#fff}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;gap:.75rem;background:#1e293b80;padding:.75rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.history-thumb{width:80px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.history-details{flex:1}.history-title{font-size:.85rem;font-weight:600;line-height:1.2;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-meta{font-size:.75rem;color:var(--text-muted)}.modal-overlay{align-items:center;justify-content:center;padding:1rem}.modal-content{width:100%;max-width:720px;padding:1.5rem}.preview-video{width:100%;border-radius:var(--radius-md);max-height:440px;background:#000}.legal-modal{max-height:85vh;display:flex;flex-direction:column}.legal-body{overflow-y:auto;padding-right:.5rem;color:var(--text-muted);font-size:.95rem;line-height:1.7}.legal-body h3{color:var(--emerald-primary);font-size:1.4rem;margin-bottom:1rem}.legal-body h4{color:var(--text-main);font-size:1.1rem;margin:1.25rem 0 .5rem}.legal-body ul{padding-left:1.25rem;margin-top:.5rem}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:300;display:flex;flex-direction:column;gap:.75rem}.toast{background:var(--bg-card);border:1px solid var(--emerald-primary);color:var(--text-main);padding:.85rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--emerald-glow);display:flex;align-items:center;gap:.6rem;animation:slideLeft .3s ease}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.footer{border-top:1px solid var(--border-emerald);padding:4rem 0 2rem;background:#030712f2}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem;margin-bottom:3rem}.footer-brand p{color:var(--text-muted);font-size:.88rem;margin-top:1rem}.footer-links h4{color:var(--text-main);font-size:1.05rem;margin-bottom:1.2rem}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--emerald-primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.75rem;color:var(--text-dim);font-size:.85rem}.hidden{display:none!important}.desktop-only{display:none}@media(min-width:900px){.desktop-only{display:flex}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}