@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg:#040209;--surface:#0a081499;--primary:#8b5cf6;--primary-dim:#8b5cf626;--primary-glow:#8b5cf659;--secondary:#00f5d4;--secondary-dim:#00f5d426;--secondary-glow:#00f5d459;--accent-gold:#ff007f;--text:#f3f0ff;--text-dim:#9ba1cc;--muted:#4e557e;--muted-dark:#0a081a;--success:#00f5d4;--danger:#ff007f;--danger-dim:#ff007f26;--border:#9d4edd40;--border-glow:#9d4edd80;--font-hud:"Plus Jakarta Sans", sans-serif;--font-mono:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-hud);letter-spacing:.2px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#020008}::-webkit-scrollbar-thumb{background:var(--primary-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.bg-aurora{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% -20%,#8b5cf62e 0%,#0000 60%),radial-gradient(circle at 90% 80%,#00f5d414 0%,#0000 50%),radial-gradient(circle at 10% 70%,#ff007f14 0%,#0000 50%),#040209;position:fixed;inset:0}.grid-lines{z-index:-1;pointer-events:none;background-image:radial-gradient(#8b5cf608 1.2px,#0000 1.2px);background-size:32px 32px;position:fixed;inset:0}.grid-lines:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf605,#0000 80%);animation:8s ease-in-out infinite alternate pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.main-content{min-height:calc(100vh - 80px);padding-top:80px}.glass-panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;transition:border-color .3s,box-shadow .3s,transform .2s;position:relative;box-shadow:0 10px 40px #00000080,inset 0 0 24px #8b5cf605}.glass-panel:hover{border-color:var(--primary-glow);box-shadow:0 14px 44px #0000008c,0 0 20px #8b5cf614}.glass-panel:before,.glass-panel:after{display:none!important}.app-loader{min-height:100vh;color:var(--primary);font-family:var(--font-hud);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loader-icon{filter:drop-shadow(0 0 8px var(--primary-glow));animation:1s linear infinite spin}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0814d9;justify-content:space-between;align-items:center;height:70px;padding:0 4%;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000040}.nav-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-img{border:1.5px solid var(--primary);width:36px;height:36px;box-shadow:0 0 10px var(--primary-glow);border-radius:8px}.logo-text{font-family:var(--font-heading);letter-spacing:.5px;color:var(--primary);font-size:20px;font-weight:800}.logo-subtext{font-family:var(--font-hud);color:var(--secondary);margin-left:6px;font-size:11px;font-weight:500}.nav-links{gap:16px;display:flex}.nav-link-btn{color:var(--text-dim);font-family:var(--font-hud);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.nav-link-btn:hover,.nav-link-btn.active{color:var(--primary);background:#00d2c40f;border-color:#00d2c426}.nav-actions{align-items:center;gap:16px;display:flex}.lang-toggle-wrap{background:#00d2c405;border:1px solid #00d2c426;border-radius:6px;align-items:center;display:flex;overflow:hidden}.lang-icon{color:var(--primary);margin:0 8px}.lang-btn{color:var(--text-dim);font-size:11px;font-weight:600;font-family:var(--font-hud);cursor:pointer;background:0 0;border:none;padding:6px 12px;transition:all .2s}.lang-btn.active{background:var(--primary-dim);color:var(--primary)}.lang-divider{background:#00d2c426;width:1px;height:14px}.profile-container{align-items:center;gap:8px;display:flex}.profile-badge{background:#00d2c40a;border:1px solid #00d2c433;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;display:flex}.profile-avatar{border:1px solid var(--primary);border-radius:4px;width:24px;height:24px}.profile-info-text{flex-direction:column;display:flex}.profile-username{color:var(--primary);font-size:12px;font-weight:700}.profile-tag{color:var(--secondary);font-size:9px;font-weight:500}.btn-icon-logout{color:var(--danger);cursor:pointer;background:#ff765714;border:1px solid #ff765740;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-logout:hover{border-color:var(--danger);background:#ff76572e}.btn-discord-nav{border:1px solid var(--primary);color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-discord-nav:hover{background:var(--primary-dim);box-shadow:0 0 12px var(--primary-glow)}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:60px 4% 40px;display:flex}.badge-wrapper{border:1px solid var(--primary-dim);background:#00d2c40a;border-radius:20px;margin-bottom:24px;padding:6px 16px}.hero-badge{color:var(--primary);letter-spacing:1.5px;font-size:11px;font-weight:700;font-family:var(--font-hud);text-transform:uppercase}.hero-title{font-family:var(--font-heading);letter-spacing:-.5px;max-width:900px;margin-bottom:24px;font-size:clamp(34px,5.5vw,64px);font-weight:800;line-height:1.2}.hero-title strong{color:var(--primary);text-shadow:0 0 15px #00d2c433}.hero-title em{color:var(--secondary);text-shadow:0 0 15px #ffb84d33;font-style:normal}.hero-subtitle{font-family:var(--font-hud);color:var(--text-dim);border-left:3px solid var(--primary);background:#08162180;border-radius:8px;max-width:600px;margin-bottom:40px;padding:16px 24px;font-size:14px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary-glow{background:var(--primary);color:#071621;font-family:var(--font-hud);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 30px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #00d2c433}.btn-primary-glow:hover{background:#1bfbf0;transform:translateY(-2px);box-shadow:0 6px 22px #00d2c466}.btn-secondary{color:var(--secondary);font-family:var(--font-hud);cursor:pointer;background:#ffb84d08;border:1px solid #ffb84d40;border-radius:8px;align-items:center;padding:14px 28px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--secondary);background:#ffb84d14;transform:translateY(-2px);box-shadow:0 4px 15px #ffb84d33}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#06111af2}.stats-inner{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;padding:24px 6%;display:grid}.stat-card{border-right:1px solid #00d2c414;flex-direction:column;align-items:center;display:flex}.stat-card:last-child{border-right:none}.stat-num{font-family:var(--font-heading);color:var(--primary);text-shadow:0 0 10px #00d2c426;font-size:34px;font-weight:800}.stat-label{color:var(--text-dim);margin-top:6px;font-size:12px;font-weight:500}.plans-section{max-width:960px;margin:0 auto;padding:80px 4% 60px}.plans-grid{justify-content:center;gap:30px;margin-top:40px;display:flex}.plan-card{border:1px solid var(--border);background:#0a1c27d9;border-radius:12px;flex-direction:column;width:100%;max-width:440px;padding:40px 32px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.plan-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d}.plan-card.popular{border-color:var(--secondary);box-shadow:0 0 20px #ffb84d14}.popular-badge{background:var(--secondary);color:#071621;border-radius:4px;padding:3px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:32px}.plan-period{color:var(--text-dim);margin-bottom:12px;font-size:12px;font-weight:600}.plan-price-wrap{align-items:baseline;margin-bottom:24px;display:flex}.plan-price{font-family:var(--font-heading);color:var(--text);font-size:42px;font-weight:800}.plan-price.highlight{color:var(--secondary)}.plan-price-slash{color:var(--text-dim);margin-left:6px;font-size:13px;font-weight:500}.plan-divider{border:none;border-top:1px solid #00d2c41a;margin-bottom:24px}.plan-features{flex-direction:column;flex:1;gap:14px;margin-bottom:36px;list-style:none;display:flex}.plan-features li{color:var(--text-dim);align-items:center;gap:10px;font-size:13px;display:flex}.plan-features li:before{content:"✓";color:var(--primary);font-weight:700}.btn-plan-select{width:100%;font-family:var(--font-hud);color:var(--primary);cursor:pointer;background:0 0;border:1px solid #00d2c459;border-radius:8px;padding:14px;font-size:12px;font-weight:700;transition:all .2s;display:block}.btn-plan-select:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--primary-dim);background:#00d2c414}.btn-plan-select.filled{background:var(--secondary);color:#071621;box-shadow:0 4px 12px var(--secondary-dim);border:none}.btn-plan-select.filled:hover{background:#ffc46b;box-shadow:0 6px 18px #ffb84d80}.security-section{max-width:960px;margin:0 auto;padding:40px 4% 80px}.security-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.security-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1c2780;border:1px solid #00d2c41a;border-radius:12px;flex-direction:column;gap:16px;padding:28px 24px;display:flex}.security-icon-wrap{background:#00d2c40f;border:1px solid #00d2c433;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.security-icon{color:var(--primary)}.security-content h3{font-family:var(--font-heading);letter-spacing:.5px;color:var(--primary);margin-bottom:8px;font-size:15px;font-weight:700}.security-content p{color:var(--text-dim);font-size:12.5px;line-height:1.6}.security-footer-links{text-align:center;color:var(--text-dim);margin-top:40px;font-size:13px}.landing-footer{border-top:1px solid var(--border);text-align:center;background:#06111a;padding:40px 4%}.footer-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-logo-img{border:1px solid var(--primary);border-radius:4px;width:26px;height:26px}.footer-logo span{font-family:var(--font-heading);color:var(--primary);font-size:18px;font-weight:700}.footer-stars{color:#ffb84d26;letter-spacing:4px;margin-bottom:10px;font-size:11px}.footer-copyright{color:var(--text-dim);font-size:11px}.legal-container{max-width:800px;margin:0 auto;padding:40px 4%}.legal-card{border:1px solid var(--border);background:#0a1c27e6;border-radius:12px;padding:36px;box-shadow:0 10px 40px #0006}.btn-back-legal{color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.legal-header{border-bottom:1px solid #00d2c41a;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.legal-icon{color:var(--primary)}.legal-header h1{font-family:var(--font-heading);color:var(--primary);font-size:24px;font-weight:800}.legal-content h2{color:var(--secondary);margin-top:24px;margin-bottom:10px;font-size:16px;font-weight:700}.legal-content p{color:var(--text-dim);margin-bottom:14px;font-size:13px;line-height:1.7}.legal-content ul{margin-bottom:14px;padding-left:12px;list-style:none}.legal-content ul li{color:var(--text-dim);margin-bottom:8px;padding-left:14px;font-size:13px;position:relative}.legal-content ul li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.legal-content a{color:var(--primary);text-decoration:underline}.test-page-container{justify-content:center;align-items:center;min-height:70vh;padding:20px;display:flex}.test-card{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:440px;padding:36px;display:flex}.converter-container{max-width:1000px;margin:0 auto;padding:30px 4%}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dash-card{border:1px solid var(--border);background:#0a1c27d9;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex;position:relative;box-shadow:0 4px 20px #0003}.dash-card-header{align-items:center;gap:8px;display:flex}.dash-card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.dash-profile-meta-wrap{align-items:center;gap:10px;margin-top:6px;display:flex}.dash-avatar{border:1px solid var(--primary);width:32px;height:32px;box-shadow:0 0 8px var(--primary-glow);object-fit:cover;border-radius:4px}.dash-profile-texts{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:flex}.dash-username{color:var(--primary);font-size:13px;font-weight:700;line-height:1.2}.dash-connected-badge{color:var(--secondary);font-size:9px;font-weight:600;line-height:1.2}.plan-badge-pill{border:1px solid var(--primary);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:14px;right:14px}.plan-badge-pill.free{border-color:var(--muted);color:var(--text-dim);background:#5e79871a}.plan-badge-pill.premium{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.dash-card-value{font-family:var(--font-heading);color:var(--text);margin-top:6px;font-size:26px;font-weight:800}.dash-card-sub{color:var(--text-dim);margin-top:4px;font-size:11px}.btn-dash-action{border:1px solid var(--primary);color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:10px;font-weight:600;transition:all .2s;position:absolute;bottom:14px;right:14px}.btn-dash-action:hover{background:var(--primary-dim)}.convert-form-card{border:1px solid var(--border);border-radius:12px;margin-bottom:30px;padding:36px;box-shadow:0 10px 30px #0000004d}.convert-form-card:before{display:none!important}.convert-form-card>*{margin-top:0}.field-group{margin-bottom:20px}.field-label{color:var(--text-dim);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.url-input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--primary);position:absolute;left:14px}.url-input{width:100%;color:var(--text);background:#07151f99;border:1px solid #00d2c440;border-radius:8px;outline:none;padding:14px 14px 14px 44px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.url-input:focus{border-color:var(--primary);box-shadow:0 0 10px #00d2c426}.youtube-preview-card{background:#07151f80;border:1px solid #00d2c426;border-radius:8px;gap:14px;margin-bottom:20px;padding:16px;display:flex}.preview-thumb{border:1px solid var(--primary-dim);border-radius:4px;width:80px;height:52px;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%;display:block}.preview-title{color:var(--primary);font-size:13px;font-weight:700}.preview-spec{color:var(--text-dim);font-size:11px}.form-divider{color:var(--text-dim);align-items:center;gap:12px;margin:24px 0;font-size:11px;display:flex}.form-divider:before,.form-divider:after{content:"";background:#00d2c41a;flex:1;height:1px}.drop-zone-wrapper{text-align:center;background:#07151f66;border:1.5px dashed #00d2c440;border-radius:8px;padding:28px;transition:border-color .2s,background-color .2s}.drop-zone-wrapper.dragover{border-color:var(--primary);background:#00d2c40a}.drop-zone-wrapper.has-file{border-color:var(--secondary);background:#ffb84d08}.btn-browse-ghost{color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:#00d2c40d;border:1px solid #00d2c44d;border-radius:6px;margin:12px 0;padding:8px 20px;font-size:11px;font-weight:600;transition:all .2s}.btn-browse-ghost:hover{background:var(--primary-dim);border-color:var(--primary)}.drop-hint{color:var(--text-dim);font-size:13px}.file-name-indicator{color:var(--text-dim);margin-top:8px;font-size:12px;font-weight:500}.advanced-accordion-trigger{cursor:pointer;background:#0c202e80;border:1px solid #00d2c426;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;transition:border-color .2s;display:flex}.advanced-accordion-trigger:hover{border-color:var(--primary)}.accordion-label-wrap{align-items:center;gap:8px;display:flex}.accordion-label-wrap span{font-size:12px;font-weight:700}.accordion-summary{color:var(--text-dim);font-size:11px}.advanced-settings-panel.expanded{border-bottom:1px solid #00d2c41a;margin-bottom:24px;padding:20px 8px}.presets-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.btn-preset{color:var(--text-dim);font-family:var(--font-hud);cursor:pointer;background:#0c202e99;border:1px solid #00d2c433;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s}.btn-preset.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.slider-labels{color:var(--text-dim);justify-content:space-between;margin-bottom:8px;font-size:11.5px;font-weight:600;display:flex}.slider-val-highlight{color:var(--primary)}.form-slider{appearance:none;background:#0c202ecc;border-radius:3px;outline:none;width:100%;height:6px}.form-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);width:14px;height:14px;box-shadow:0 0 8px var(--primary-glow);cursor:pointer;border-radius:50%;transition:transform .1s}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-item{margin-bottom:20px}.slider-hint-text{color:var(--text-dim);margin-top:6px;font-size:11px;line-height:1.4}.option-rows-container{flex-direction:column;gap:14px;display:flex}.option-flex-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.checkbox-label-wrap{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.player-speed-input-wrap label{color:var(--text-dim);margin-right:8px;font-size:12px;font-weight:600}.player-speed-input{width:68px;color:var(--primary);background:#07151f99;border:1px solid #00d2c433;border-radius:4px;outline:none;padding:6px 8px}.restore-note-text{color:var(--text-dim);font-size:11px;line-height:1.4}.btn-convert-primary{background:var(--primary);color:#071621;width:100%;font-family:var(--font-hud);letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px var(--primary-dim);border:none;border-radius:8px;padding:15px;font-size:13px;font-weight:700;transition:all .2s}.btn-convert-primary:hover:not(:disabled){background:#1bfbf0;transform:translateY(-1px);box-shadow:0 6px 20px #00d2c473}.btn-convert-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:var(--muted);color:var(--text-dim)}.free-plan-lock-banner{border:1px solid var(--danger);color:var(--danger);border-radius:8px;margin-top:16px;padding:14px;font-size:12.5px;font-weight:500;background:#ff765714!important}.status-bubble-msg{color:var(--text-dim);background:#07151f99;border:1px solid #00d2c426;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:12.5px;display:flex}.status-bubble-msg.success{border-color:var(--success);color:var(--success);background:#1cdb8b0d}.status-bubble-msg.error{border-color:var(--danger);color:var(--danger);background:#ff76570d}.result-bubble-msg{color:var(--text);background:#00d2c408;border:1px solid #00d2c433;border-radius:8px;margin-top:16px;padding:16px;font-size:12.5px}.history-wrapper{margin-top:40px}.history-item-card{background:#0a1c27d9;border:1px solid #00d2c426;border-radius:12px;align-items:flex-start;gap:20px;margin-bottom:16px;padding:24px;display:flex;box-shadow:0 8px 30px #0000004d}.history-item-thumb{background:#07151f80;border:1px solid #00d2c433;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:68px;display:flex;overflow:hidden}.history-item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.music-placeholder{width:100%;height:100%;color:var(--primary);opacity:.8;background:#00d2c405;justify-content:center;align-items:center;display:flex}.history-item-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.history-item-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-item-title{font-family:var(--font-heading);color:var(--text);margin:0;font-size:15px;font-weight:700;line-height:1.4}.badge-completed{border:1px solid var(--success);color:var(--success);background:#1cdb8b0f;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.history-item-link{color:var(--secondary);opacity:.9;word-break:break-all;align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:opacity .2s;display:inline-flex}.history-item-link:hover{opacity:1;text-decoration:underline}.history-item-details{color:var(--text-dim);flex-wrap:wrap;gap:8px;margin:6px 0;font-size:11.5px;display:flex}.history-item-details span{color:var(--text-dim);background:#00d2c40a;border:1px solid #00d2c41f;border-radius:6px;padding:4px 10px}.history-item-details span strong{color:var(--primary)}.history-item-details span.badge-restore-label{color:var(--secondary);background:#ffb84d0a;border-color:#ffb84d40}.history-item-details span.badge-speed-label{color:var(--accent-gold);background:#ffd7000a;border-color:#ffd70040}.history-item-timer{color:var(--text-dim);border-top:1px solid #00d2c414;align-items:center;gap:6px;margin-top:2px;padding-top:8px;font-size:11.5px;display:inline-flex}.history-item-timer svg.expiring-soon{color:var(--danger);animation:1s infinite alternate pulse}.history-item-timer span.expiring-soon-text{color:var(--danger);font-weight:700}.history-item-actions{border-top:1px solid #00d2c41f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:14px;display:flex}.download-buttons-group{flex-wrap:wrap;gap:8px;display:flex}.btn-download-part{color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:#00d2c40f;border:1px solid #00d2c440;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-download-part:hover{border-color:var(--primary);background:#00d2c426;box-shadow:0 0 8px #00d2c426}.btn-delete-history{color:var(--danger);font-family:var(--font-hud);cursor:pointer;background:#ff33550d;border:1px solid #ff33554d;border-radius:3px;align-items:center;gap:6px;padding:6px 14px;font-size:10.5px;transition:all .2s;display:inline-flex}.btn-delete-history:hover{border-color:var(--danger);background:#ff76572e;box-shadow:0 0 8px #ff765733}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040209d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);background:#0a0814;border-radius:12px;width:90%;max-width:580px;padding:32px 28px;position:relative;box-shadow:0 10px 40px #8b5cf626}.btn-modal-close{color:var(--text-dim);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:26px;line-height:1;transition:color .2s;display:flex;position:absolute;top:14px;right:16px}.btn-modal-close:hover{color:var(--danger)}.modal-header h2{font-family:var(--font-heading);color:var(--primary);font-size:22px;font-weight:800}.pricing-modal-grid{justify-content:center;width:100%;margin-top:20px;display:flex}.pricing-card{text-align:center;background:#0f0c1ef2;border:1px solid #8b5cf626;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;display:flex;position:relative}.pricing-card.popular{border-color:var(--secondary);box-shadow:0 0 20px #00f5d426}.pricing-period{color:var(--text-dim);letter-spacing:.5px;font-size:12px;font-weight:600}.pricing-cost{font-family:var(--font-heading);color:var(--text);margin-top:4px;font-size:38px;font-weight:800}.pricing-cost.highlight{color:var(--secondary)}.pricing-curr{color:var(--text-dim);margin-top:-4px;font-size:11px;font-weight:500}.pricing-features{flex-direction:column;gap:10px;width:100%;margin:16px 0;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--text-dim);font-size:12px}.pricing-features li:before{content:"✓ ";color:var(--primary);font-weight:700}.modal-popular-badge{background:var(--secondary);color:#071621;letter-spacing:.5px;border-radius:4px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.btn-modal-plan-select{border:1px solid var(--primary);width:100%;color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:0 0;border-radius:6px;margin-top:auto;padding:10px;font-size:12px;font-weight:700;transition:all .2s}.btn-modal-plan-select:hover{background:var(--primary-dim);box-shadow:0 0 8px var(--primary-glow)}.btn-modal-plan-select.filled{background:var(--secondary);color:#071621;border:none}.btn-modal-plan-select.filled:hover{box-shadow:0 0 12px var(--secondary-glow);background:#ffc46b}.btn-discord-ticket{background:var(--primary);color:#071621;font-family:var(--font-hud);box-shadow:0 4px 12px var(--primary-dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-discord-ticket:hover{background:#1bfbf0;transform:translateY(-1px);box-shadow:0 6px 18px #00d2c480}.ticket-modal-width{width:90%;max-width:480px}.ticket-modal-inner{text-align:center;flex-direction:column;align-items:center;padding:10px 0 0;display:flex}.ticket-emoji{margin-bottom:16px;font-size:40px;display:block}.ticket-modal-inner h3{font-family:var(--font-heading);color:var(--primary);text-shadow:0 0 8px var(--primary-glow);margin-bottom:16px;font-size:20px;font-weight:800}.ticket-modal-inner p{color:var(--text-dim);margin-bottom:26px;font-size:13.5px;line-height:1.6}.admin-page-container{max-width:1100px;margin:0 auto;padding:30px 4%}.admin-card{border:1px solid var(--border);background:#0a1c27e6;border-radius:12px;padding:28px}.admin-header-row h2{font-family:var(--font-heading);color:var(--primary);font-size:24px;font-weight:800}.btn-admin-logout{color:var(--danger);font-family:var(--font-hud);background:#ff765714;border:1px solid #ff76574d;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600}.admin-input{color:var(--text);background:#07151f99;border:1px solid #00d2c433;border-radius:4px;outline:none;padding:8px 12px}.btn-login-submit{background:var(--primary);color:#071621;font-family:var(--font-hud);cursor:pointer;border:none;border-radius:4px;padding:8px 18px;font-size:12px;font-weight:700}.btn-detect{border:1px solid var(--primary);color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:0 0;border-radius:4px;padding:8px 18px;font-size:12px;font-weight:600}.users-table th{font-family:var(--font-hud);color:var(--text-dim);text-transform:uppercase;border-bottom:2px solid #00d2c433;padding:12px 6px;font-size:11.5px;font-weight:700}.users-table td{color:var(--text-dim);border-bottom:1px solid #00d2c414;padding:10px 6px;font-size:12px}.table-avatar{border:1px solid var(--primary-dim);border-radius:4px}.table-select{color:var(--primary);font-family:var(--font-hud);background:#07151f99;border:1px solid #00d2c440;border-radius:4px;outline:none;padding:6px;font-size:12px;font-weight:600}.btn-set-plan{color:var(--primary);font-family:var(--font-hud);cursor:pointer;background:#00d2c40d;border:1px solid #00d2c44d;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600}.btn-set-plan:hover{background:var(--primary-dim)}.status-badge.active{border:1px solid var(--success);color:var(--success);background:#1cdb8b0d;border-radius:4px;padding:2px 8px;font-weight:700}.status-badge.free{border:1px solid var(--muted);color:var(--text-dim);background:#5e79870d;border-radius:4px;padding:2px 8px}@media (width<=900px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.navbar{padding:0 4%}.nav-links,.logo-text span,.profile-info-text{display:none}.hero-section{padding-top:80px}.hero-title{font-size:34px}.stats-inner{grid-template-columns:1fr;gap:16px}.stat-card{border-bottom:1px solid #00d2c414;border-right:none;padding-bottom:14px}.stat-card:last-child{border-bottom:none}.plans-grid{flex-direction:column;align-items:center}.security-grid,.pricing-modal-grid{grid-template-columns:1fr}.history-item-card{flex-direction:column;gap:12px}.history-item-actions{flex-direction:column;align-items:stretch}.download-buttons-group{flex-direction:column}.btn-download-part{text-align:center;justify-content:center}.btn-delete-history{justify-content:center;width:100%}.option-flex-row{flex-direction:column;align-items:flex-start;gap:10px}.player-speed-input-wrap{justify-content:space-between;width:100%}}@media (width<=480px){.dashboard-stats-grid{grid-template-columns:1fr}.btn-primary-glow,.btn-secondary{justify-content:center;width:100%}.accordion-summary{display:none}}.nav-upgrade-btn{text-shadow:0 0 8px #fa06;color:var(--accent-gold)!important;border-color:#ffaa0040!important}.nav-upgrade-btn:hover{border-color:var(--accent-gold)!important;text-shadow:0 0 12px #fa0c!important;background:#ffaa001a!important}.discord-gate-card{text-align:center;border:1px solid var(--border);background:#0a1c27d9;border-radius:12px;max-width:500px;margin:60px auto;padding:40px 30px;box-shadow:0 10px 40px #0006}.discord-gate-icon-wrap{border:1px solid var(--danger);width:64px;height:64px;box-shadow:0 0 15px var(--danger-dim);background:#ff765714;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.discord-gate-title{font-family:var(--font-heading);color:var(--primary);text-shadow:0 0 8px var(--primary-glow);margin-bottom:16px;font-size:22px;font-weight:800}.discord-gate-desc{color:var(--text-dim);margin-bottom:30px;font-size:13.5px;line-height:1.7}.discord-gate-actions{flex-direction:column;gap:14px;display:flex}.claim-modal-content{text-align:center;background:radial-gradient(circle at 0 0,#0e2230,#06111a);border:1px solid #ffb84d4d;border-radius:16px;width:90%;max-width:500px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 15px 50px #ffb84d26,0 0 30px #00d2c414}.claim-modal-content:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:4px;position:absolute;top:0;left:0;right:0}.claim-gift-container{width:90px;height:90px;color:var(--secondary);background:#ffb84d1a;border:1px solid #ffb84d33;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;animation:3s ease-in-out infinite float-gift;display:flex;position:relative;box-shadow:0 0 25px #ffb84d33}@keyframes float-gift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.claim-gift-icon{animation:2s infinite pulse-gift}@keyframes pulse-gift{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.claim-modal-title{font-family:var(--font-heading);color:#fff;text-shadow:0 0 10px #ffb84d33;margin-bottom:12px;font-size:26px;font-weight:800}.claim-modal-desc{color:var(--text-dim);margin-bottom:32px;padding:0 10px;font-size:14.5px;line-height:1.6}.claim-actions{flex-direction:column;gap:12px;display:flex}.btn-claim-premium{background:linear-gradient(135deg, var(--secondary) 0%, #ff9f1a 100%);color:#071520;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #ffb84d4d}.btn-claim-premium:hover{background:linear-gradient(135deg, #ff9f1a 0%, var(--secondary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffb84d80}.btn-claim-premium:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-claim-close{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-claim-close:hover{color:#fff;background:#ffffff08;border-color:#ffffff26}.claim-success-icon-container{color:#2ed573;background:#2ed5731a;border:2px solid #2ed573;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-success;display:flex;box-shadow:0 0 25px #2ed57333}@keyframes pop-success{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.claim-error-msg{color:var(--danger);margin-top:10px;font-size:13.5px;font-weight:600}.intro-overlay{z-index:999999;background-color:#040209;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow:hidden}.intro-overlay.exiting{opacity:0;filter:blur(10px);pointer-events:none;transform:scale(1.08)}.intro-bg-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 60%),radial-gradient(circle at 30% 40%,#00f5d40f 0%,#0000 40%),radial-gradient(circle at 70% 60%,#ff007f0f 0%,#0000 40%);animation:4s ease-in-out infinite alternate pulse-glow;position:absolute;inset:0}@keyframes pulse-glow{0%{opacity:.8}to{opacity:1.2}}.intro-grid-lines{opacity:.6;z-index:2;pointer-events:none;background-image:radial-gradient(#8b5cf60d 1.5px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0}.intro-scanner-line{background:linear-gradient(90deg, transparent 10%, var(--secondary-glow) 30%, var(--secondary) 50%, var(--primary) 60%, var(--primary-glow) 70%, transparent 90%);opacity:.45;z-index:3;pointer-events:none;height:3px;animation:4s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:-10%}to{top:110%}}.intro-container{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:480px;display:flex;position:relative}.hud-wrapper{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:24px;display:flex;position:relative}.hud-ring{box-sizing:border-box;border-radius:50%;position:absolute}.hud-ring-outer{border:2px dashed var(--secondary);border-left-color:#0000;border-right-color:#0000;width:130px;height:130px;animation:6s linear infinite spin-clockwise;box-shadow:0 0 15px #00f5d433}.hud-ring-inner{border:1px double var(--primary);border-top-color:#0000;border-bottom-color:#0000;width:110px;height:110px;animation:4s linear infinite spin-counter-clockwise;box-shadow:0 0 10px #8b5cf633}.hud-logo-container{border:1px solid var(--border);z-index:5;background:#0a0814e6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-in-out infinite alternate pulse-logo;display:flex;box-shadow:inset 0 0 15px #8b5cf64d,0 0 20px #8b5cf633}.hud-logo-img{object-fit:contain;width:50px;height:50px;filter:drop-shadow(0 0 8px var(--primary-glow))}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter-clockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-logo{0%{transform:scale(.96);box-shadow:inset 0 0 10px #8b5cf633,0 0 10px #8b5cf61a}to{transform:scale(1.04);box-shadow:inset 0 0 20px #8b5cf666,0 0 25px #8b5cf64d}}.audio-visualizer-bars{justify-content:center;align-items:flex-end;gap:4px;height:32px;margin-bottom:12px;display:flex}.audio-visualizer-bars .bar{background:linear-gradient(to top, var(--primary), var(--secondary));border-radius:2px;width:4px;animation:1s ease-in-out infinite alternate bounce-bar;box-shadow:0 0 6px #00f5d466}.audio-visualizer-bars .bar-1{height:10%;animation-duration:.7s;animation-delay:.1s}.audio-visualizer-bars .bar-2{height:30%;animation-duration:.9s;animation-delay:.3s}.audio-visualizer-bars .bar-3{height:60%;animation-duration:.6s;animation-delay:.5s}.audio-visualizer-bars .bar-4{height:90%;animation-duration:.8s;animation-delay:.2s}.audio-visualizer-bars .bar-5{height:80%;animation-duration:.7s;animation-delay:.4s}.audio-visualizer-bars .bar-6{height:50%;animation-duration:.9s;animation-delay:.15s}.audio-visualizer-bars .bar-7{height:35%;animation-duration:.6s;animation-delay:.35s}.audio-visualizer-bars .bar-8{height:15%;animation-duration:.8s;animation-delay:.6s}@keyframes bounce-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1.1)}}.intro-title{font-family:var(--font-heading);letter-spacing:4px;color:var(--text);text-shadow:0 0 10px var(--primary-glow);margin-bottom:24px;font-size:20px;font-weight:800}.intro-title span{color:var(--secondary);text-shadow:0 0 10px var(--secondary-glow)}.intro-terminal-box{border:1px solid var(--border);text-align:left;background:#0a0814d9;border-radius:8px;width:100%;margin-bottom:30px;padding:12px 16px;font-family:monospace;box-shadow:0 10px 30px #00000080,inset 0 0 15px #8b5cf60d}.intro-terminal-header{border-bottom:1px solid #9d4edd26;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.terminal-dot{border-radius:50%;width:8px;height:8px}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27c93f}.terminal-title{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-left:6px;font-size:11px}.intro-terminal-content{flex-direction:column;gap:6px;min-height:88px;font-size:11.5px;display:flex}.terminal-line{color:var(--text-dim);animation:.25s ease-out forwards line-fade-in}.terminal-line.success{color:var(--secondary)}.terminal-line.ready{color:#ff007f;text-shadow:0 0 6px #ff007f4d;font-weight:700}.terminal-prompt{color:var(--primary);font-weight:700}@keyframes line-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.intro-progress-wrapper{flex-direction:column;gap:8px;width:100%;display:flex}.progress-text-row{letter-spacing:1.5px;justify-content:space-between;font-family:monospace;font-size:11px;display:flex}.progress-status-text{color:var(--text-dim)}.progress-percentage-val{color:var(--secondary);font-weight:700}.progress-track-outer{background:#9d4edd1a;border:1px solid #9d4edd33;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-fill-inner{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;box-shadow:0 0 10px var(--secondary);border-radius:3px;transition:width 50ms linear;position:relative}.progress-glow-tip{width:6px;height:100%;box-shadow:0 0 8px 2px #fff, 0 0 12px 4px var(--secondary);background-color:#fff;position:absolute;top:0;right:0}.btn-skip-intro{color:var(--text-dim);font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border:1px solid #9d4edd4d;border-radius:20px;padding:6px 14px;font-size:11.5px;transition:all .3s;position:absolute;bottom:24px;right:24px}.btn-skip-intro:hover{border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 10px var(--secondary-glow);transform:translate(3px)}.intro-loading-elements{opacity:1;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:opacity .5s,transform .5s;display:flex;transform:scale(1)}.welcome-phase .intro-loading-elements{opacity:0;pointer-events:none;position:absolute;transform:scale(.95)}.intro-welcome-elements{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(1.05)}.welcome-phase .intro-welcome-elements{opacity:1;pointer-events:auto;transform:scale(1)}.welcome-icon-glow{border:2.5px solid var(--secondary);width:72px;height:72px;box-shadow:0 0 25px var(--secondary-glow);background:#00f5d41a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:1.5s ease-in-out infinite alternate pulse-icon;display:flex}@keyframes pulse-icon{0%{box-shadow:0 0 15px var(--secondary-glow);transform:scale(.94)}to{transform:scale(1.06);box-shadow:0 0 30px #00f5d499,0 0 10px #00f5d44d}}.welcome-icon-svg{width:38px;height:38px;stroke:var(--secondary);stroke-width:2.5px;filter:drop-shadow(0 0 5px var(--secondary-glow))}.welcome-subtitle{font-family:var(--font-hud);color:var(--secondary);letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 8px var(--secondary-glow);margin-bottom:12px;font-size:11px;font-weight:700;animation:2s steps(4,end) infinite glitched-blink}@keyframes glitched-blink{0%,to{opacity:1}50%{opacity:.85}52%{opacity:1}}.welcome-title-main{font-family:var(--font-heading);color:var(--text);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg, #fff 10%, var(--primary) 60%, var(--secondary) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #8b5cf673);-webkit-background-clip:text;margin-bottom:24px;font-size:28px;font-weight:900;animation:3s ease-in-out infinite alternate float-title}@keyframes float-title{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.welcome-marquee-container{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#8b5cf60d 0%,#00f5d41a 50%,#8b5cf60d 100%);border-left:1px solid #8b5cf626;border-right:1px solid #8b5cf626;border-radius:6px;width:100%;max-width:440px;padding:10px 0;position:relative;overflow:hidden;box-shadow:0 0 20px #8b5cf60d,inset 0 0 15px #00f5d40d}.welcome-marquee-text{white-space:nowrap;font-family:var(--font-hud);color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;font-size:12.5px;font-weight:500;animation:16s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(15%)}to{transform:translate(-100%)}}.welcome-marquee-text span{color:var(--secondary);text-shadow:0 0 8px var(--secondary-glow);font-weight:700}.welcome-status-info{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:24px;font-family:monospace;font-size:11px}.boot-initialization-screen{flex-direction:column;justify-content:center;align-items:center;animation:.5s ease-out boot-screen-fade;display:flex}@keyframes boot-screen-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.boot-title{font-family:var(--font-heading);letter-spacing:5px;color:var(--text);text-shadow:0 0 10px var(--primary-glow);margin-top:10px;margin-bottom:8px;font-size:24px;font-weight:800}.boot-title span{color:var(--secondary);text-shadow:0 0 10px var(--secondary-glow)}.boot-desc{font-family:var(--font-hud);color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;opacity:.85;margin-bottom:30px;font-size:11px}.pulse-boot-logo{animation:3s ease-in-out infinite alternate pulse-boot-glow}@keyframes pulse-boot-glow{0%{filter:drop-shadow(0 0 10px #00f5d426);transform:scale(1)}to{filter:drop-shadow(0 0 25px #00f5d466);transform:scale(1.03)}}.slow-spin{animation:10s linear infinite spin-clockwise!important}.slow-spin-reverse{animation:8s linear infinite spin-counter-clockwise!important}.btn-boot-system{border:1px solid var(--secondary);color:var(--secondary);font-family:var(--font-hud);letter-spacing:2px;cursor:pointer;background:#0a0814cc;border-radius:4px;padding:14px 36px;font-size:13px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #00f5d426,inset 0 0 10px #00f5d41a}.btn-boot-system:hover{color:#fff;background:#00f5d426;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 25px #00f5d466,inset 0 0 15px #00f5d433}.btn-boot-system:active{transform:translateY(1px)}.btn-boot-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-boot-system:hover .btn-boot-glow{transition:left .8s ease-in-out;left:150%}