@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0f1115;--bg-secondary:#171921;--bg-tertiary:#222530;--text-primary:#f0f0f5;--text-secondary:#a1a3af;--accent-primary:#5c6fff;--accent-hover:#4b5be3;--accent-gradient:linear-gradient(135deg, #5c6fff 0%, #aa63ff 100%);--border-color:#ffffff14;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--glass-bg:#171921a6;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:.95rem;font-weight:500;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #5c6fff66}.input-glass{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-md);background:#ffffff08;outline:none;width:100%;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.input-glass:focus{border-color:var(--accent-primary);background:#ffffff0f;box-shadow:0 0 0 2px #5c6fff33}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);padding:24px}