@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--text: #f8fafc;--text-muted: #94a3b8;--accent: #8b5cf6;--error: #ef4444;--success: #22c55e}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:radial-gradient(circle at top right,#1e293b,#0f172a);background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;max-width:680px;padding:2rem}@media (max-width: 500px){#root{padding:1rem}.glass-card{padding:1.5rem}h1{font-size:2rem}}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080;animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}p.subtitle{color:var(--text-muted);text-align:center;margin-bottom:2.5rem;font-size:.95rem}.input-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--text-muted)}input,select{width:100%;padding:.8rem 1rem;background:#0f172a80;border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-size:1rem;transition:all .3s ease;outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f133}button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f180;filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.progress-container{margin-top:2rem;padding:1.5rem;background:#0003;border-radius:16px;border:1px dashed var(--glass-border)}.progress-bar-bg{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin:1rem 0}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--primary),var(--secondary));transition:width .4s ease;box-shadow:0 0 10px #6366f180}.status-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.badge-starting{background:#8b5cf633;color:var(--accent)}.badge-downloading{background:#6366f133;color:var(--primary)}.badge-saving{background:#ec489933;color:var(--secondary)}.badge-completed{background:#22c55e33;color:var(--success)}.badge-error{background:#ef444433;color:var(--error)}.server-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}