@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#09090b;--bg-secondary:#18181b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf666;--border-color:#ffffff14;--glass-bg:#18181b99;--glass-border:#ffffff1a;--error:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 85% 30%,#10b9810d 0%,#0000 50%);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.container{width:100%;max-width:900px;margin:0 auto;padding:2rem}.gradient-text{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.input-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:12px;outline:none;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-glass:focus{border-color:var(--accent);box-shadow:0 0 20px #8b5cf633}.input-glass::placeholder{color:var(--text-secondary)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-primary:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}.card-glass:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 30px #0006}