@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");
/* Giriş, qeydiyyat, şifrə bərpası səhifələri: yeni görünüş (qat). Səhifələrin öz üslublarından sonra yüklənir; məntiqə toxunmur.
   Geri qaytarmaq üçün <link ... auth_ui2.css> sətrini silin. */
:root { --a-navy: #1A2650; --a-navy-2: #34477E; --a-brand: #2F63E0; --a-brand-deep: #0037B8; --a-sky: #DDE8FB; --a-sky-2: #EEF4FE; --a-line: #D9DFEA; --a-control: #8790A6; --a-muted: #586179;
  --brand: #0037B8; --brand-2: #2F63E0; --tint: #EEF3FF; --ice: #F9FAFC; --line: #D9DFEA; --line-2: #C5CEDF; --text: #1A2650; --muted: #586179; }
body { font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important; color: var(--a-navy);
  background-color: var(--a-sky-2) !important;
  background-image: linear-gradient(var(--a-line) 1px, transparent 1px), linear-gradient(90deg, var(--a-line) 1px, transparent 1px) !important;
  background-size: 32px 32px !important; background-position: -1px -1px !important; background-attachment: scroll !important; }
h1, h2, h3, h4, h5, h6 { font-family: "Space Grotesk", "Inter", system-ui, sans-serif; letter-spacing: -0.02em; color: var(--a-navy); font-weight: 600 !important; }
.text-muted { color: var(--a-muted) !important; }

/* kart */
.card-box, .register-card { background: #fff !important; border: 1px solid var(--a-line) !important; border-radius: 24px !important; box-shadow: 0 8px 24px -8px rgba(26,38,80,.18) !important; }
.logo { border-radius: 10px !important; box-shadow: none !important; }

/* forma */
.form-label { color: var(--a-navy) !important; font-weight: 600 !important; }
.form-control, .form-select { border: 1px solid var(--a-control) !important; background: #fff !important; border-radius: 8px !important; font-weight: 400 !important; color: var(--a-navy); }
.form-control:focus, .form-select:focus { border-color: var(--a-brand-deep) !important; box-shadow: 0 0 0 3px rgba(47,99,224,.18) !important; background: #fff !important; }
.form-control::placeholder { color: #8790A6; }
.btn-primary { background: var(--a-navy) !important; background-image: none !important; border: 0 !important; border-radius: 999px !important; font-weight: 600 !important; box-shadow: none !important; transform: none !important; }
.btn-primary:hover, .btn-primary:focus { background: #24356B !important; transform: none !important; }
.btn-primary:disabled { background: #8E98B8 !important; }
a { color: var(--a-brand-deep); }
.step-label { color: var(--a-navy-2) !important; font-weight: 700 !important; }
.alert-success { background: #E4F3EC; border-color: #BFE3D1; color: #0E5A3E; }

/* qeydiyyat seçim kartları */
.opt-body { border: 1px solid var(--a-line) !important; border-radius: 16px !important; box-shadow: none !important; }
.opt-body:hover { border-color: var(--a-navy) !important; transform: none !important; }
.opt input:checked + .opt-body { border-color: var(--a-navy) !important; background: var(--a-sky-2) !important; box-shadow: none !important; }
.opt-ico { background: var(--a-sky) !important; color: var(--a-navy) !important; border-radius: 10px !important; }
.opt input:checked + .opt-body .opt-ico { background: var(--a-navy) !important; color: #fff !important; }
.opt-title { font-weight: 600 !important; font-family: "Space Grotesk", "Inter", sans-serif; }
.badge-free { background: #E4F3EC !important; color: #157A55 !important; border-color: #BFE3D1 !important; }
.back-btn { color: var(--a-brand-deep) !important; }
.notice { border-radius: 12px !important; }

/* giriş səhifəsi (Tailwind sinifləri) */
body.bg-gradient-to-br { background-image: linear-gradient(var(--a-line) 1px, transparent 1px), linear-gradient(90deg, var(--a-line) 1px, transparent 1px) !important; }
.rounded-2xl.shadow-xl { border-radius: 24px !important; box-shadow: 0 8px 24px -8px rgba(26,38,80,.18) !important; border-color: var(--a-line) !important; }
.bg-blue-600 { background: var(--a-navy) !important; border-radius: 999px !important; box-shadow: none !important; }
.bg-blue-600:hover, .hover\:bg-blue-700:hover { background: #24356B !important; box-shadow: none !important; }
input.border-gray-300 { border-color: var(--a-control) !important; border-radius: 8px !important; }
input.focus\:ring-blue-500:focus { --tw-ring-color: rgba(47,99,224,.35) !important; }
.text-blue-600, .text-indigo-600 { color: var(--a-brand-deep) !important; }
.text-gray-700 { color: var(--a-navy) !important; }
.text-gray-500, .text-gray-600, .text-slate-500 { color: var(--a-muted) !important; }