:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--surface-color:#1e293bb3;--surface-border:#ffffff1a;--surface-glow:0 8px 32px 0 #0000005e;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:0 0 15px #8b5cf680;--secondary:#3b82f6;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff1a;--danger:#ef4444;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0}*{box-sizing:border-box}input,button,select,textarea{font-family:inherit}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:var(--surface-glow);border-radius:var(--radius-lg)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.5px;border:1px solid #0000;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--primary-glow);border:1px solid #fff3}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 0 25px #8b5cf6b3}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#0f172a99;outline:none;padding:.75rem;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf633}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.slide-up{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}