*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;-webkit-font-smoothing:antialiased;background-color:#05060b;min-height:100vh;font-family:Plus Jakarta Sans,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#05060b}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}a{color:inherit;text-decoration:none}button,input{font-family:inherit}:root{--primary:#3b82f6;--primary-glow:#3b82f666;--secondary:#a855f7;--secondary-glow:#a855f766;--accent:#10b981;--accent-glow:#10b98166;--background:#060814;--card-bg:#0f172a8c;--card-border:#ffffff14;--card-border-glow:#3b82f626;--text-main:#f8fafc;--text-muted:#94a3b8;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.app-container{background-color:var(--background);background-image:radial-gradient(at 10% 20%,#3b82f626 0,#0000 50%),radial-gradient(at 90% 10%,#a855f71f 0,#0000 50%),radial-gradient(at 50% 80%,#10b98114 0,#0000 50%);background-attachment:fixed;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.content-wrapper{z-index:2;flex-grow:1;width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);transition:var(--transition);border-radius:20px;box-shadow:0 10px 30px #0000004d}.glass-panel:hover{border-color:#3b82f633;box-shadow:0 10px 40px #3b82f614}.gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#a855f7 50%,#f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{-webkit-backdrop-filter:blur(12px);z-index:100;background:#060814d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.025em;cursor:pointer;align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:800;display:flex}.nav-brand svg{stroke:url(#brand-gradient);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);cursor:pointer;font-size:.95rem;font-weight:600;position:relative}.nav-link:hover{color:var(--text-main)}.nav-link:after{content:"";background:linear-gradient(to right, var(--primary), var(--secondary));width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.btn-nav-action{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:var(--transition);border:none;border-radius:50px;padding:.55rem 1.15rem;font-size:.9rem;font-weight:600}.btn-nav-action:hover{box-shadow:0 6px 20px var(--secondary-glow);transform:translateY(-2px)}.hero-section{text-align:center;margin-top:3.5rem;margin-bottom:2rem;position:relative}.hero-tagline{color:#93c5fd;letter-spacing:.05em;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;border-radius:50px;margin-bottom:1.25rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:inset 0 0 15px #3b82f61a}.hero-title{letter-spacing:-.03em;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;line-height:1.2}.hero-desc{color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.6}.downloader-form-panel{width:100%;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.downloader-form-panel:before{content:"";z-index:1;pointer-events:none;background:conic-gradient(#0000,#3b82f61a,#0000,#a855f71a,#0000);width:200%;height:200%;animation:15s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}.downloader-form-content{z-index:2;position:relative}.input-container{transition:var(--transition);background:#0a0f1ed9;border:2px solid #ffffff0f;border-radius:16px;align-items:center;gap:.5rem;padding:.4rem;display:flex;box-shadow:0 8px 32px #0006}.input-container:focus-within{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.input-icon-wrapper{color:var(--text-muted);align-items:center;padding-left:.75rem;display:flex}.input-icon-wrapper.active{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary-glow))}.downloader-input-wrapper{flex-grow:1;align-items:center;width:100%;display:flex;position:relative}.downloader-input{color:var(--text-main);background:0 0;border:none;outline:none;flex-grow:1;width:50%;padding:.75rem 2.5rem .75rem .5rem;font-size:1.05rem}.btn-clear-absolute{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:8px}.btn-clear-absolute:hover{color:#fb7185;background:#f43f5e1a}.downloader-input::placeholder{color:#57657a}.action-buttons{gap:.4rem;display:flex}.btn-paste,.btn-clear{color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:flex}.btn-paste:hover{background:#ffffff1f;border-color:#ffffff26}.btn-clear:hover{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e4d}.btn-grab{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:var(--transition);border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:1.05rem;font-weight:700;display:flex}.btn-grab:hover{box-shadow:0 6px 20px var(--secondary-glow);transform:scale(1.02)}.btn-grab:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#1e293b;transform:none}.supported-platforms{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1.5rem;display:flex}.platform-badge{color:var(--text-muted);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8rem;display:flex}.platform-badge:hover{background:#ffffff12;border-color:#ffffff1f;transform:translateY(-2px)}.platform-badge.active-detect{color:var(--text-main);box-shadow:0 0 15px var(--primary-glow);background:#3b82f61f;border-color:#3b82f659}.ad-slot-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:1.5rem 0;display:flex;position:relative}.ad-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.65rem}.ad-box{text-align:center;background:#0a0f1e80;border:1px dashed #ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:728px;min-height:90px;display:flex;overflow:hidden}.ad-box.admin-placeholder{color:#475569;font-size:.8rem}.media-preview-container{flex-direction:column;gap:1.5rem;width:100%;margin-bottom:2.5rem;padding:2rem;animation:.4s ease-out slideUp;display:flex}.preview-grid{grid-template-columns:320px 1fr;gap:2rem;display:grid}.thumbnail-wrapper{background:#0f172a;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;max-height:450px;display:flex;position:relative;overflow:hidden}.preview-thumbnail{object-fit:contain;width:100%;height:auto;max-height:450px;display:block}.duration-badge{color:#fff;background:#000c;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;right:8px}.preview-details{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.preview-meta{flex-direction:column;gap:.5rem;display:flex}.preview-platform-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.platform-youtube{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.platform-instagram{color:#ec4899;background:#ec489926;border:1px solid #ec48994d}.platform-tiktok{color:#fff;background:#ffffff14;border:1px solid #fff3}.platform-facebook{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.platform-twitter{color:#1d9bf0;background:#1d9bf026;border:1px solid #1d9bf04d}.preview-title{color:var(--text-main);font-size:1.3rem;font-weight:700;line-height:1.4}.download-options-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.download-list{flex-direction:column;gap:.75rem;display:flex}.download-row{transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.download-row:hover{background:#ffffff0f;border-color:#ffffff1a}.quality-info{align-items:center;gap:.75rem;display:flex}.file-type-badge{color:#60a5fa;text-transform:uppercase;background:#3b82f626;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.file-type-badge.audio-badge{color:#34d399;background:#10b98126}.quality-label{font-size:.95rem;font-weight:600}.btn-download-media{color:#60a5fa;cursor:pointer;transition:var(--transition);background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.btn-download-media:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.loader-panel{flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.spinner{border:3px solid #3b82f61a;border-top-color:var(--primary);border-bottom-color:var(--secondary);width:50px;height:50px;filter:drop-shadow(0 0 10px var(--primary-glow));border-radius:50%;animation:1s linear infinite spinnerRotate}.loader-text{color:var(--text-muted);font-size:1.1rem;font-weight:600;animation:1.5s ease-in-out infinite pulseOpacity}.error-panel{color:#fda4af;background:#f43f5e14;border:1px solid #f43f5e33;border-radius:16px;align-items:flex-start;gap:.75rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem;font-weight:500;display:flex}.error-panel svg{color:#f43f5e;flex-shrink:0}.section-header{text-align:center;margin-bottom:2rem}.section-title{margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800}.section-desc{color:var(--text-muted);font-size:.95rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:3.5rem;display:grid}.feature-card{gap:1.25rem;padding:1.75rem;display:flex}.feature-icon-wrapper{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-card:nth-child(2) .feature-icon-wrapper{color:#c084fc;background:#a855f71a;border-color:#a855f733}.feature-card:nth-child(3) .feature-icon-wrapper{color:#34d399;background:#10b9811a;border-color:#10b98133}.feature-content{flex-direction:column;gap:.5rem;display:flex}.feature-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.feature-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5}.history-section{margin-bottom:4rem}.history-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.history-card{flex-direction:column;display:flex;overflow:hidden}.history-thumb-wrapper{aspect-ratio:16/10;background:#0f172a;border-bottom:1px solid #ffffff0d;position:relative}.history-thumb{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.history-card:hover .history-thumb{transform:scale(1.05)}.history-platform-tag{text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:8px;left:8px}.history-body{flex-direction:column;flex-grow:1;gap:.75rem;padding:1rem;display:flex}.history-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;font-size:.88rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.history-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:.75rem;display:flex}.btn-history-redownload{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.25rem;font-weight:700;display:flex}.btn-history-redownload:hover{color:var(--secondary)}.no-history{text-align:center;color:var(--text-muted);border:1px dashed #ffffff14;border-radius:16px;grid-column:1/-1;padding:3rem;font-weight:500}.feedback-panel{margin-bottom:4rem;padding:2.5rem;position:relative}.feedback-grid{grid-template-columns:1.2fr 2fr;gap:3rem;display:grid}.feedback-intro{flex-direction:column;justify-content:center;gap:1rem;display:flex}.feedback-intro-title{font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:800;line-height:1.3}.feedback-intro-desc{color:var(--text-muted);font-size:.95rem}.feedback-stats{gap:1.5rem;margin-top:1rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:var(--primary);font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.feedback-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-input,.form-textarea{color:var(--text-main);transition:var(--transition);background:#0a0f1eb3;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.rating-selector{gap:.5rem;padding:.25rem 0;display:flex}.star-btn{cursor:pointer;color:#334155;transition:var(--transition);background:0 0;border:none}.star-btn.active{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf244d)}.btn-submit-feedback{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:1rem;font-weight:700;display:flex}.btn-submit-feedback:hover{box-shadow:0 6px 20px var(--secondary-glow);transform:translateY(-1px)}.feedback-success-msg{color:#a7f3d0;text-align:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;padding:1rem;font-weight:600}.admin-login-wrapper{justify-content:center;align-items:center;min-height:70vh;display:flex}.admin-login-card{flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:2.5rem;animation:.3s ease-out slideUp;display:flex}.admin-login-title{text-align:center;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.admin-dashboard-container{width:100%;margin-top:2rem;margin-bottom:4rem;padding:2rem}.admin-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.admin-title-area{flex-direction:column;gap:.25rem;display:flex}.admin-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.admin-subtitle{color:var(--text-muted);font-size:.9rem}.admin-actions{gap:1rem;display:flex}.btn-admin-logout{color:#fb7185;cursor:pointer;transition:var(--transition);background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:8px;padding:.5rem 1.25rem;font-weight:600}.btn-admin-logout:hover{color:#fff;background:#f43f5e;border-color:#f43f5e}.admin-tabs{border-bottom:1px solid #ffffff0d;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.admin-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700}.admin-tab.active{color:var(--primary);border-bottom:2px solid var(--primary)}.admin-tab:hover:not(.active){color:var(--text-main)}.admin-content-section{animation:.3s ease-out slideUp}.admin-form{flex-direction:column;gap:1.5rem;max-width:800px;display:flex}.admin-helper-text{color:var(--text-muted);margin-top:.3rem;font-size:.8rem;line-height:1.4}.admin-table-container{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th{color:var(--text-muted);border-bottom:1px solid #ffffff14;padding:1rem;font-weight:700}.admin-table td{border-bottom:1px solid #ffffff0a;padding:1rem}.admin-table tr:hover{background:#ffffff05}.footer{text-align:center;background:#04050bf2;border-top:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;width:100%;margin-top:auto;padding:3rem 2rem 2rem;display:flex}.footer-logo{justify-content:center;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.footer-nav{color:var(--text-muted);justify-content:center;gap:2rem;font-size:.9rem;display:flex}.footer-nav-link:hover{color:var(--text-main)}.footer-disclaimer{color:#57657a;max-width:700px;margin:0 auto;font-size:.75rem;line-height:1.6}.footer-copyright{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseOpacity{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar{padding:1rem 1.25rem}.nav-brand{font-size:1.25rem}.nav-links .nav-link{display:none}.btn-nav-action{padding:.45rem .9rem;font-size:.8rem}.hero-section{margin-top:2rem}.hero-title{font-size:2.1rem}.hero-desc{margin-bottom:1.75rem;font-size:.95rem}.downloader-form-panel{padding:1.5rem}.input-container{border-radius:12px;flex-direction:column;gap:.6rem;padding:.6rem}.downloader-input{text-align:left;width:100%;padding:.5rem 2.5rem .5rem .5rem;font-size:.95rem}.action-buttons{grid-template-columns:1fr 1.2fr;gap:.5rem;width:100%;display:grid}.btn-paste{justify-content:center;padding:.55rem .75rem;font-size:.85rem}.btn-grab{grid-column:span 1;justify-content:center;padding:.55rem .75rem;font-size:.85rem}.preview-grid{grid-template-columns:1fr;gap:1.25rem}.thumbnail-wrapper{max-width:100%}.preview-title{text-align:center;font-size:1.1rem}.preview-platform-badge{align-self:center}.download-row{padding:.6rem .85rem}.quality-label{font-size:.85rem}.btn-download-media{padding:.4rem .85rem;font-size:.8rem}.features-grid{grid-template-columns:1fr}.history-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.history-title{font-size:.8rem}.feedback-panel{padding:1.5rem}.feedback-grid{text-align:center;grid-template-columns:1fr;gap:1.75rem}.feedback-stats{justify-content:center}.form-row{grid-template-columns:1fr}.admin-login-card{padding:1.5rem 1.25rem}.admin-dashboard-container{padding:1.25rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-actions{justify-content:space-between;width:100%}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1rem}}@media (width<=480px){.download-row{text-align:center;flex-direction:column;align-items:stretch;gap:.6rem}.quality-info{justify-content:center}.btn-download-media{justify-content:center;width:100%}}