/* =========================================================
   AUTH (Login/Register/Forgot/Reset/Change Password)
   DÜZ KÖŞE + TURUNCU BUTON + FLOAT LABEL
========================================================= */

:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;

  --navy:#0b1530;   /* footer rengi */
  --navy2:#101c3a;
  --orange:#ff6a00;

  --line: rgba(15,23,42,.12);
  --shadow: 0 18px 55px rgba(15,23,42,.12);

  --r:0px; /* ✅ düz köşe */
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  background: var(--bg);
  color: var(--text);
}

/* background */
.auth-body{ position:relative; overflow-x:hidden; }
.auth-bg{ position:fixed; inset:0; z-index:-1; }
.auth-noise{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(11,21,48,.10), transparent 60%),
    radial-gradient(900px 320px at 80% 20%, rgba(255,106,0,.10), transparent 60%),
    linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,0));
}
.auth-glow{
  position:absolute;
  width:420px; height:420px;
  border-radius:999px;
  filter: blur(40px);
  opacity:.55;
}
.auth-glow-1{ left:8%; top:8%; background: rgba(11,21,48,.18); }
.auth-glow-2{ right:8%; top:12%; background: rgba(255,106,0,.12); }

.auth-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding: 28px 18px;
}

/* outer card */
.auth-card{
  width:min(620px, 100%);
  background: var(--card);
  border:1px solid rgba(15,23,42,.10);
  border-radius: var(--r); /* ✅ düz */
  box-shadow: var(--shadow);
  overflow:hidden;
}

/* top brand bar (footer rengi) */
.auth-brand{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 14px 18px;
  background: linear-gradient(90deg, var(--navy), var(--navy2));
  color:#fff;
}

/* ✅ logo kutusu yok */
.auth-logo-img{
  height: 34px;   /* biraz büyük */
  width: auto;
  display:block;
}

/* brand text (bold yok) */
.auth-brand-title{
  font-size:15px;
  line-height:1.1;
  font-weight:500;
}
.auth-brand-sub{
  margin-top:2px;
  font-size:12px;
  opacity:.88;
  font-weight:400;
}

.auth-content{ padding: 18px; }

/* page title/sub */
.page-title{
  margin: 0 0 6px;
  font-size: 30px;
  letter-spacing: -.02em;
  font-weight:600; /* ✅ aşırı bold değil */
}
.page-sub{
  margin: 0 0 14px;
  color: rgba(100,116,139,.95);
  font-weight:400;
}

/* “card / pad” support (view içinde kullanıyorsun) */
.card{
  background: var(--card);
  border:1px solid rgba(15,23,42,.10);
  border-radius: var(--r);
  box-shadow: 0 16px 44px rgba(15,23,42,.08);
}
.pad{ padding:16px; }

.help{
  color: rgba(100,116,139,.95);
  font-size:13px;
  font-weight:400;
}

/* layout */
.auth-wrap{ display:block; }
.auth-form{ display:block; }

/* floating field */
.field{ margin-top:12px; }
.field.float{ position:relative; }

.auth-input{
  width:100%;
  border-radius: var(--r); /* ✅ düz */
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  padding: 14px 12px 10px;
  font-size:14px;
  outline:none;
  font-weight:400;
  transition:border-color .16s ease, box-shadow .16s ease;
}

/* label */
.label{
  position:absolute;
  left:10px;
  top:12px;
  padding:0 6px;
  background:#fff;
  color: rgba(100,116,139,.95);
  font-size:13px;
  font-weight:400;
  pointer-events:none;
  transform-origin:left top;
  transition: transform .16s ease, top .16s ease, color .16s ease;
}

/* focus */
.auth-input:focus{
  border-color: rgba(255,106,0,.55);
  box-shadow: 0 0 0 4px rgba(255,106,0,.14);
}
.auth-input:focus + .label,
.auth-input:not(:placeholder-shown) + .label{
  top:-9px;
  transform: scale(.88);
  color: var(--orange);
}

/* password wrap */
.auth-pass{ position:relative; }
.auth-pass-btn{
  position:absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  width:40px;
  height:36px;
  border-radius: var(--r); /* ✅ düz */
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  cursor:pointer;
  font-size:14px;
  line-height:1;
}
.auth-pass-btn:hover{
  border-color: rgba(255,106,0,.35);
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
}

/* row */
.auth-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* checkbox */
.auth-check{
  display:inline-flex;
  gap:10px;
  align-items:center;
  color: rgba(15,23,42,.88);
  font-weight:400;
  font-size:14px;
}
.auth-check input{ width:16px; height:16px; }

/* links */
.auth-link{
  color: var(--navy);
  text-decoration:none;
  font-weight:400;
}
.auth-link:hover{ text-decoration:underline; }

/* actions */
.form-actions{ margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding: 0 14px;
  border-radius: var(--r); /* ✅ düz */
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color: var(--text);
  cursor:pointer;
  font-size:14px;
  font-weight:400; /* ✅ bold değil */
  text-decoration:none;
}
.btn:hover{
  border-color: rgba(255,106,0,.28);
  box-shadow: 0 12px 26px rgba(15,23,42,.08);
}

/* primary = turuncu */
.btn-primary{
  background: var(--orange);
  color:#fff;
  border-color: rgba(255,106,0,.65);
}
.btn-primary:hover{
  filter: brightness(.98);
}

/* inline form (verify block) */
.auth-inline-form{
  display:flex;
  gap:10px;
  align-items:flex-end;
  flex-wrap:wrap;
}

/* mobile */
@media (max-width:560px){
  .page-title{ font-size:26px; }
  .auth-brand{ padding: 12px 14px; }
  .auth-content{ padding: 14px; }
}