@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-color:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary-accent:#3b82f6;--primary-hover:#2563eb;--gradient-1:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-2:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-3:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-secondary{background:var(--glass-bg);color:#fff;border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-danger{background:var(--gradient-3);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-field{border:1px solid var(--glass-border);color:#fff;transition:border-color var(--transition-fast);background:#0003;border-radius:8px;padding:12px 16px;font-family:inherit}.input-field:focus{border-color:var(--primary-accent);outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.nav-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0;display:flex}.nav-logo{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.text-gradient{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}