/*
 * Bitikda Premium Auth Visual Layer v3.0
 * Presentation-only override. Existing PHP form actions, field names, CSRF, 2FA,
 * registration and password reset logic are intentionally untouched.
 */
:root{
  --bp-orange:#ff9500;
  --bp-orange-2:#ff5a18;
  --bp-amber:#ffc24b;
  --bp-blue:#1da1ff;
  --bp-green:#20db78;
  --bp-card:rgba(7,12,19,.86);
  --bp-card-strong:rgba(6,10,16,.94);
  --bp-surface:rgba(16,27,40,.82);
  --bp-line:rgba(163,190,216,.22);
  --bp-line-warm:rgba(255,154,22,.46);
  --bp-text:#f7fbff;
  --bp-muted:#a8b8c9;
  --bp-shadow:0 26px 80px rgba(0,0,0,.48);
}

html{background:#04070b!important}
body.auth-body.theme-auth{
  min-height:100vh;
  color:var(--bp-text);
  background:
    linear-gradient(90deg,rgba(2,6,10,.22),rgba(2,6,10,.10) 54%,rgba(2,6,10,.40)),
    url('/assets/img/auth/bitikda-auth-premium-desktop-v3.webp') center/cover fixed no-repeat!important;
}
body.auth-body.theme-auth::before{
  content:""!important;
  display:block!important;
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 17% 12%,rgba(255,142,0,.18),transparent 28%),
    radial-gradient(circle at 78% 32%,rgba(255,91,0,.13),transparent 30%),
    linear-gradient(180deg,rgba(1,5,10,.10),rgba(1,5,10,.42) 64%,rgba(1,5,10,.74));
}
body.auth-body.theme-auth::after{
  content:""!important;
  display:block!important;
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}

.auth-shell{
  position:relative;
  z-index:1;
  width:100%;
  min-height:100vh;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)!important;
  background:transparent!important;
}

/* Showcase / hero */
.theme-auth .auth-showcase{
  position:relative;
  min-height:100vh;
  padding:clamp(32px,4vw,64px) clamp(28px,5vw,82px) 34px;
  display:flex!important;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(3,8,14,.35),rgba(3,8,14,.10) 72%,transparent)!important;
  border-right:1px solid rgba(255,151,27,.20)!important;
}
.theme-auth .auth-showcase::before{
  content:"";
  position:absolute;
  inset:auto -12% -22% 18%;
  height:60%;
  background:radial-gradient(ellipse,rgba(255,119,0,.18),transparent 68%);
  filter:blur(24px);
  pointer-events:none;
}
.theme-auth .auth-showcase::after{display:none!important}

.auth-brand{
  display:inline-flex;
  align-items:center;
  gap:13px;
  width:max-content;
  position:relative;
  z-index:3;
  color:#fff;
  text-decoration:none;
}
.theme-auth .auth-brand-mark,
.theme-auth .auth-mobile-brand .auth-brand-mark{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  flex:0 0 auto;
  border-radius:15px!important;
  border:1px solid rgba(255,151,22,.72)!important;
  background:linear-gradient(145deg,rgba(8,14,22,.96),rgba(12,20,31,.86))!important;
  color:var(--bp-orange)!important;
  font-weight:950!important;
  font-size:26px!important;
  font-style:italic;
  box-shadow:0 0 0 1px rgba(255,142,0,.08),0 15px 35px rgba(0,0,0,.32),inset 0 0 22px rgba(255,120,0,.06)!important;
}
.auth-brand strong{font-size:24px!important;letter-spacing:-.04em}.auth-brand small{font-size:10px!important;letter-spacing:2px!important;color:#b8c7d8!important}

.auth-showcase-content{
  position:relative;
  z-index:3;
  max-width:820px!important;
  margin:auto 0 18px!important;
  padding:clamp(58px,8vh,112px) 0 24px!important;
}
.auth-kicker,.auth-step{
  color:var(--bp-orange)!important;
  font-size:11px!important;
  line-height:1.2;
  font-weight:950!important;
  letter-spacing:1.6px!important;
  text-transform:uppercase;
}
.auth-showcase h1{
  max-width:850px!important;
  margin:15px 0 18px!important;
  font-size:clamp(48px,5.7vw,88px)!important;
  line-height:.94!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
  text-shadow:0 10px 34px rgba(0,0,0,.48)!important;
}
.auth-showcase h1 em{color:var(--bp-orange)!important;font-style:normal!important}
.auth-showcase p{
  max-width:650px!important;
  margin:0!important;
  color:#d4dee8!important;
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1.62!important;
  text-shadow:0 3px 14px rgba(0,0,0,.48);
}
.auth-orbit{display:none!important}

/* Premium module tiles */
.auth-feature-grid.auth-premium-features{
  width:min(100%,870px);
  max-width:none!important;
  margin-top:26px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.auth-premium-feature{
  min-height:82px!important;
  padding:13px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,146,20,.52)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(16,27,42,.90),rgba(7,12,19,.90))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.24)!important;
  text-decoration:none;
  color:#fff;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.auth-premium-feature::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 0 50%,rgba(255,138,0,.16),transparent 48%);
  pointer-events:none;
}
.auth-premium-feature:hover{transform:translateY(-2px);border-color:rgba(255,178,61,.88)!important;box-shadow:0 18px 34px rgba(0,0,0,.30),0 0 24px rgba(255,126,0,.08)!important}
.auth-premium-feature-icon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;position:relative;z-index:1;
  background:linear-gradient(135deg,#ffae25,#ff6b00);color:#081019;font-weight:950;font-size:19px;box-shadow:0 8px 22px rgba(255,115,0,.24)
}
.auth-premium-feature:nth-child(2) .auth-premium-feature-icon{background:linear-gradient(135deg,#ff3dad,#d40071);color:#fff}
.auth-premium-feature:nth-child(3) .auth-premium-feature-icon{background:linear-gradient(135deg,#a63cff,#6500dc);color:#fff}
.auth-premium-feature:nth-child(5) .auth-premium-feature-icon{background:linear-gradient(135deg,#2aaaff,#006ae8);color:#fff}
.auth-premium-feature-copy{position:relative;z-index:1;min-width:0}.auth-premium-feature-copy b{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.15!important}.auth-premium-feature-copy span{display:block!important;color:#aebed0!important;font-size:10px!important;line-height:1.25!important;margin-top:4px!important}.auth-premium-feature-arrow{position:relative;z-index:1;color:#f7fbff;font-size:22px;line-height:1}

/* Download tiles - shown on desktop and tablet, intentionally hidden on phone */
.auth-download-strip{
  position:relative;
  z-index:3;
  width:min(100%,870px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.auth-download-tile{
  min-height:72px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 36px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(44,168,255,.62);
  background:linear-gradient(135deg,rgba(0,89,158,.75),rgba(4,40,75,.86));
  color:#fff;
  text-decoration:none;
  box-shadow:0 16px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);
}
.auth-download-tile.is-android{border-color:rgba(30,215,118,.65);background:linear-gradient(135deg,rgba(0,104,55,.78),rgba(4,52,33,.88))}
.auth-download-tile.is-disabled{opacity:.60;cursor:not-allowed;filter:saturate(.65)}
.auth-download-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:24px;font-weight:900}.auth-download-copy b{display:block;font-size:14px}.auth-download-copy small{display:block;margin-top:4px;color:#d3e6f7;font-size:10px}.auth-download-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:18px}

/* Form side */
.theme-auth .auth-form-side{
  position:relative;
  z-index:4;
  min-height:100vh;
  padding:32px clamp(26px,3.4vw,58px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(90deg,rgba(2,6,10,.04),rgba(2,6,10,.40))!important;
}
.auth-mobile-brand{display:none!important}
.theme-auth .auth-card{
  width:min(100%,590px)!important;
  max-width:590px!important;
  margin:0!important;
  padding:clamp(26px,3vw,40px)!important;
  position:relative;
  overflow:hidden;
  border:1px solid var(--bp-line-warm)!important;
  border-radius:26px!important;
  background:linear-gradient(160deg,rgba(8,14,22,.94),rgba(5,9,15,.92) 64%,rgba(35,16,4,.82))!important;
  box-shadow:var(--bp-shadow),inset 0 1px 0 rgba(255,255,255,.06),0 0 46px rgba(255,110,0,.07)!important;
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}
.theme-auth .auth-card::before{
  content:"";
  position:absolute;
  inset:-90px -90px auto auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,120,0,.14),transparent 68%);
  pointer-events:none;
}
.theme-auth .auth-card-register{max-width:680px!important;width:min(100%,680px)!important}
.auth-card-head{position:relative;z-index:1}.auth-card-head h2{margin:10px 0 10px!important;font-size:clamp(36px,3.3vw,54px)!important;line-height:.98!important;letter-spacing:-.055em!important}.auth-card-head p{margin:0 0 24px!important;color:var(--bp-muted)!important;font-size:14px!important;line-height:1.6!important}

.auth-form{position:relative;z-index:1;gap:14px!important}.auth-field{gap:7px!important}.auth-field>span:first-child{font-size:12px!important;color:#f3f7fb!important}.auth-input-wrap{
  height:56px!important;border-radius:14px!important;border:1px solid rgba(116,146,176,.32)!important;background:linear-gradient(180deg,rgba(20,34,50,.88),rgba(12,23,35,.88))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important
}
.auth-input-wrap:focus-within{border-color:rgba(255,151,28,.88)!important;box-shadow:0 0 0 3px rgba(255,142,0,.11),0 0 24px rgba(255,116,0,.07)!important}.auth-input-wrap svg{stroke:#bdccdc!important}.auth-input-wrap input{color:#fff!important}.auth-input-wrap input::placeholder{color:#76889b!important}
.auth-password-toggle{color:#c0cedb!important;border-left-color:rgba(255,255,255,.08)!important}.auth-password-toggle:hover{color:var(--bp-orange)!important}
.auth-form-row{font-size:12px!important;color:#9fb0c1!important}.auth-form-row a{color:var(--bp-orange)!important}
.auth-submit{
  min-height:58px!important;border-radius:14px!important;border:0!important;background:linear-gradient(100deg,#ffae23,#ff8d00 42%,#ff5c19)!important;color:#111820!important;font-size:15px!important;font-weight:950!important;box-shadow:0 14px 34px rgba(255,112,0,.24),inset 0 1px 0 rgba(255,255,255,.24)!important
}
.auth-submit:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.045)!important}.auth-secondary{min-height:52px!important;border-radius:14px!important;border:1px solid rgba(111,140,168,.30)!important;background:rgba(16,28,40,.72)!important;color:#eef5fb!important}.auth-secondary:hover{border-color:rgba(255,151,28,.62)!important;background:rgba(255,130,0,.07)!important}
.auth-divider{margin:20px 0 13px!important;color:#7f90a2!important}.auth-divider::before,.auth-divider::after{background:rgba(143,164,184,.20)!important}
.auth-legal{color:#718296!important;margin-top:15px!important}.auth-secure-note{color:#93a8bc!important}
.auth-alert{border-radius:14px!important;backdrop-filter:blur(10px)}
.auth-alert-success{background:rgba(32,219,120,.10)!important;border:1px solid rgba(32,219,120,.34)!important;color:#baf6d7!important}

/* Register account type keeps existing behavior, only visual refresh */
.auth-account-type-option>span{border-color:rgba(122,148,174,.25)!important;background:rgba(14,25,37,.74)!important}.auth-account-type-option>input:checked+span{border-color:rgba(255,151,28,.78)!important;background:linear-gradient(135deg,rgba(255,140,0,.14),rgba(14,25,37,.86))!important;box-shadow:0 0 0 1px rgba(255,145,0,.10)!important}.auth-account-type-option i{background:rgba(255,142,0,.10)!important;color:#ffb238!important}.auth-corporate-fields{background:rgba(255,142,0,.045)!important;border-color:rgba(255,151,28,.26)!important}

/* Mobile feature list is duplicated after the live form only for phone layout. */
.auth-mobile-feature-grid{display:none}

/* Tablet */
@media (max-width:1100px){
  body.auth-body.theme-auth{background-attachment:scroll!important}
  .auth-shell{display:block!important;min-height:100vh!important}
  .theme-auth .auth-showcase{display:flex!important;min-height:560px!important;padding:32px 36px 120px!important;border-right:0!important;border-bottom:1px solid rgba(255,151,28,.20)!important;background:linear-gradient(180deg,rgba(3,8,14,.18),rgba(3,8,14,.62))!important}
  .auth-showcase-content{max-width:760px!important;padding:48px 0 10px!important}.auth-showcase h1{font-size:clamp(46px,7.5vw,72px)!important}.auth-showcase p{max-width:620px!important}.auth-feature-grid.auth-premium-features{grid-template-columns:repeat(3,minmax(0,1fr))!important}.auth-download-strip{max-width:760px}
  .theme-auth .auth-form-side{min-height:auto!important;padding:0 34px 56px!important;margin-top:-82px!important;background:transparent!important;overflow:visible!important;height:auto!important}
  .theme-auth .auth-card{width:min(100%,690px)!important;max-width:690px!important;margin:0 auto!important}
  .theme-auth .auth-card-register{max-width:760px!important}
}

/* Phone: approved layout – hero + real form + feature tiles. No Android/Windows download buttons. */
@media (max-width:640px){
  html,body.auth-body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  body.auth-body.theme-auth{
    background:
      linear-gradient(180deg,rgba(2,6,10,.16),rgba(2,6,10,.54) 48%,rgba(2,6,10,.86)),
      url('/assets/img/auth/bitikda-auth-premium-mobile-v3.webp') center top/cover no-repeat!important;
  }
  body.auth-body.theme-auth::after{opacity:.10}
  .auth-shell{display:flex!important;flex-direction:column!important;min-height:100vh!important;width:100%!important}
  .theme-auth .auth-showcase{display:flex!important;min-height:auto!important;padding:24px 18px 8px!important;border:0!important;background:transparent!important;overflow:visible!important}
  .auth-brand{gap:10px}.theme-auth .auth-brand-mark{width:46px!important;height:46px!important;border-radius:13px!important;font-size:23px!important}.auth-brand strong{font-size:21px!important}.auth-brand small{font-size:8px!important;letter-spacing:1.6px!important}
  .auth-showcase-content{padding:56px 0 10px!important;margin:0!important}.auth-kicker{font-size:9px!important;letter-spacing:1.25px!important}.auth-showcase h1{font-size:clamp(39px,12vw,56px)!important;line-height:.95!important;margin:11px 0 13px!important;max-width:100%!important}.auth-showcase p{font-size:14px!important;line-height:1.5!important;max-width:100%!important}
  .auth-feature-grid.auth-premium-features,.auth-download-strip{display:none!important}
  .theme-auth .auth-form-side{min-height:auto!important;height:auto!important;padding:14px 14px 42px!important;margin:0!important;display:block!important;overflow:visible!important;background:transparent!important}
  .auth-mobile-brand{display:none!important}
  .theme-auth .auth-card,.theme-auth .auth-card-register{width:100%!important;max-width:none!important;margin:0!important;padding:22px 16px!important;border-radius:21px!important;background:linear-gradient(160deg,rgba(6,12,19,.94),rgba(5,9,15,.92) 62%,rgba(38,17,3,.76))!important}
  .auth-card-head h2{font-size:clamp(31px,9.8vw,40px)!important}.auth-card-head p{font-size:13px!important;margin-bottom:18px!important}.auth-step{font-size:8px!important;letter-spacing:1.1px!important}
  .auth-field-grid{grid-template-columns:1fr!important}.auth-form-row{flex-direction:row!important;align-items:center!important;gap:8px!important}.auth-input-wrap{height:52px!important}.auth-submit{min-height:54px!important}.auth-divider{margin:18px 0 12px!important}
  .auth-mobile-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
  .auth-mobile-feature-grid .auth-premium-feature{min-height:74px!important;padding:10px!important;grid-template-columns:38px minmax(0,1fr) 14px!important;border-radius:13px!important}.auth-mobile-feature-grid .auth-premium-feature-icon{width:38px;height:38px;border-radius:11px;font-size:17px}.auth-mobile-feature-grid .auth-premium-feature-copy b{font-size:12px!important}.auth-mobile-feature-grid .auth-premium-feature-copy span{font-size:9px!important}.auth-mobile-feature-grid .auth-premium-feature-arrow{font-size:18px}
  .theme-page-kayit .auth-showcase,.theme-page-sifre-sifirla .auth-showcase{padding-bottom:0!important}.theme-page-kayit .auth-benefits,.theme-page-sifre-sifirla .auth-feature-grid{display:none!important}
}

@media (max-width:380px){
  .theme-auth .auth-showcase{padding-left:14px!important;padding-right:14px!important}.theme-auth .auth-form-side{padding-left:10px!important;padding-right:10px!important}.auth-showcase h1{font-size:37px!important}.auth-form-row{align-items:flex-start!important;flex-direction:column!important}.auth-mobile-feature-grid{grid-template-columns:1fr!important}
}

/* Compact-height desktop and Windows WebView */
@media (min-width:1101px) and (max-height:820px){
  .theme-auth .auth-showcase{padding-top:26px!important;padding-bottom:24px!important}.auth-showcase-content{padding:28px 0 12px!important}.auth-showcase h1{font-size:clamp(44px,5vw,66px)!important;margin:10px 0 12px!important}.auth-showcase p{font-size:14px!important}.auth-feature-grid.auth-premium-features{margin-top:16px!important}.auth-premium-feature{min-height:68px!important}.auth-download-strip{margin-top:8px}.auth-download-tile{min-height:60px}.theme-auth .auth-form-side{padding-top:22px!important;padding-bottom:22px!important}.theme-auth .auth-card{padding:26px!important}.auth-card-head h2{font-size:40px!important}.auth-card-head p{margin-bottom:17px!important}.auth-input-wrap{height:50px!important}.auth-submit{min-height:52px!important}
}

@media (prefers-reduced-motion:reduce){.auth-premium-feature,.auth-submit{transition:none!important}}

/* Secondary auth pages share the same premium material language. */
.theme-page-kayit .auth-benefits li{
  background:linear-gradient(135deg,rgba(15,28,41,.82),rgba(8,15,24,.84))!important;
  border:1px solid rgba(255,151,28,.20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}
.theme-page-kayit .auth-benefits i{background:rgba(31,219,121,.12)!important;color:#42e894!important}
.theme-page-sifre-sifirla .auth-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.theme-page-sifre-sifirla .auth-feature-grid article{
  min-height:90px!important;
  padding:15px!important;
  border:1px solid rgba(255,151,28,.22)!important;
  background:linear-gradient(135deg,rgba(15,28,41,.82),rgba(8,15,24,.84))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}
.theme-page-sifre-sifirla .auth-feature-grid b{color:var(--bp-orange)!important}

@media (min-width:641px) and (max-width:1100px){
  html,body.auth-body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  .theme-auth .auth-form-side{height:auto!important;overflow:visible!important}
}
.auth-download-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-download-tile:not(.is-android) .auth-download-icon svg{fill:#34a9ff;stroke:none}.auth-download-tile.is-android .auth-download-icon{color:#28e27f}


/* ========================================================================== */
/* Bitikda Premium Auth v3 — compact UX, sharp scene, illustrated feature cards */
/* ========================================================================== */
body.auth-body.theme-auth{
  background:
    linear-gradient(90deg,rgba(2,6,10,.38),rgba(2,6,10,.18) 53%,rgba(2,6,10,.54)),
    url('/assets/img/auth/bitikda-auth-premium-desktop-v3.webp') center/cover fixed no-repeat!important;
}
body.auth-body.theme-auth::before{
  background:
    radial-gradient(circle at 16% 10%,rgba(255,142,0,.11),transparent 26%),
    radial-gradient(circle at 79% 35%,rgba(255,91,0,.08),transparent 29%),
    linear-gradient(180deg,rgba(1,5,10,.04),rgba(1,5,10,.20) 62%,rgba(1,5,10,.46))!important;
}
body.auth-body.theme-auth::after{opacity:.10!important}
.auth-shell{grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr)!important}
.theme-auth .auth-showcase{padding:28px clamp(26px,4vw,66px) 24px!important;background:linear-gradient(90deg,rgba(3,8,14,.40),rgba(3,8,14,.08) 78%,transparent)!important}
.auth-showcase-content{max-width:760px!important;padding:34px 0 14px!important;margin:auto 0 8px!important}
.auth-showcase h1{font-size:clamp(44px,4.8vw,74px)!important;margin:11px 0 13px!important;max-width:760px!important}
.auth-showcase p{font-size:clamp(14px,1vw,16px)!important;line-height:1.52!important;max-width:610px!important}
.auth-brand strong{font-size:22px!important}.theme-auth .auth-brand-mark{width:48px!important;height:48px!important;font-size:24px!important}

.auth-feature-grid.auth-premium-features{width:min(100%,780px)!important;margin-top:18px!important;gap:9px!important}
.auth-premium-feature{min-height:68px!important;padding:10px 11px!important;grid-template-columns:38px minmax(0,1fr) 16px!important;border-radius:13px!important;background:rgba(7,13,21,.80)!important;isolation:isolate}
.auth-premium-feature::before{z-index:-2!important;background-size:cover!important;background-position:center!important;opacity:.72!important;filter:saturate(1.05) contrast(1.06)}
.auth-premium-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,10,17,.96) 0%,rgba(5,10,17,.78) 52%,rgba(5,10,17,.35) 100%);pointer-events:none}
.auth-premium-feature:nth-child(1)::before{background-image:url('/assets/img/auth/features/gonderi.webp')!important}
.auth-premium-feature:nth-child(2)::before{background-image:url('/assets/img/auth/features/reels.webp')!important}
.auth-premium-feature:nth-child(3)::before{background-image:url('/assets/img/auth/features/yayin.webp')!important}
.auth-premium-feature:nth-child(4)::before{background-image:url('/assets/img/auth/features/market.webp')!important}
.auth-premium-feature:nth-child(5)::before{background-image:url('/assets/img/auth/features/topluluk.webp')!important}
.auth-premium-feature:nth-child(6)::before{background-image:url('/assets/img/auth/features/oyun-sahibi.webp')!important}
.auth-premium-feature-icon{width:38px;height:38px;border-radius:11px;font-size:17px}.auth-premium-feature-copy b{font-size:12px!important}.auth-premium-feature-copy span{font-size:9px!important}.auth-premium-feature-arrow{font-size:18px}
.auth-download-strip{width:min(100%,780px)!important;margin-top:9px!important;gap:9px!important}.auth-download-tile{min-height:60px!important;padding:9px 12px!important;grid-template-columns:40px minmax(0,1fr) 30px!important;border-radius:13px!important}.auth-download-icon{width:40px;height:40px;border-radius:11px}.auth-download-copy b{font-size:12px!important}.auth-download-copy small{font-size:9px!important}.auth-download-arrow{width:29px;height:29px;font-size:15px}

.theme-auth .auth-form-side{padding:24px clamp(22px,2.7vw,44px)!important;background:linear-gradient(90deg,rgba(2,6,10,.08),rgba(2,6,10,.36))!important}
.theme-auth .auth-card{width:min(100%,510px)!important;max-width:510px!important;padding:26px 28px!important;border-radius:22px!important;backdrop-filter:blur(12px) saturate(1.06)!important;-webkit-backdrop-filter:blur(12px) saturate(1.06)!important}
.theme-auth .auth-card-register{max-width:600px!important;width:min(100%,600px)!important;padding:24px 26px!important}
.auth-card-head h2{font-size:clamp(32px,2.7vw,44px)!important;margin:8px 0 7px!important}.auth-card-head p{font-size:13px!important;line-height:1.48!important;margin-bottom:17px!important}.auth-step{font-size:9px!important}
.auth-form{gap:10px!important}.auth-field{gap:5px!important}.auth-field>span:first-child{font-size:11px!important}.auth-input-wrap{height:48px!important;border-radius:12px!important}.auth-submit{min-height:50px!important;border-radius:12px!important;font-size:14px!important}.auth-secondary{min-height:46px!important;border-radius:12px!important}.auth-divider{margin:14px 0 10px!important}.auth-legal{margin-top:11px!important;font-size:10px!important}.auth-form-row{font-size:11px!important}
.auth-account-type-option>span{min-height:72px!important;padding:11px!important}.auth-corporate-fields{padding:12px!important}.auth-field-grid{gap:10px!important}
.theme-page-sifre-sifirla .auth-card,.theme-page-sifremi-unuttum .auth-card{max-width:500px!important}
.auth-reset-success-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 0 15px;background:rgba(32,219,120,.12);border:1px solid rgba(32,219,120,.38);color:#50e99a;font-size:28px;font-weight:900}
.auth-reset-help{margin-top:12px;padding:12px 13px;border:1px solid rgba(255,151,28,.18);border-radius:12px;background:rgba(255,151,28,.045);color:#91a4b7;font-size:11px;line-height:1.5}

@media (max-width:1100px){
  body.auth-body.theme-auth{background-attachment:scroll!important}
  .theme-auth .auth-showcase{min-height:500px!important;padding:26px 30px 92px!important}
  .auth-showcase-content{max-width:720px!important;padding:34px 0 8px!important}.auth-showcase h1{font-size:clamp(42px,6.6vw,64px)!important}.auth-feature-grid.auth-premium-features{grid-template-columns:repeat(3,minmax(0,1fr))!important}.auth-download-strip{max-width:720px!important}
  .theme-auth .auth-form-side{padding:0 28px 44px!important;margin-top:-62px!important}.theme-auth .auth-card{max-width:590px!important}.theme-auth .auth-card-register{max-width:650px!important}
}
@media (max-width:640px){
  body.auth-body.theme-auth{background:linear-gradient(180deg,rgba(2,6,10,.28),rgba(2,6,10,.58) 48%,rgba(2,6,10,.87)),url('/assets/img/auth/bitikda-auth-premium-mobile-v3.webp') center top/cover no-repeat!important}
  .theme-auth .auth-showcase{padding:20px 16px 6px!important}.auth-showcase-content{padding:42px 0 7px!important}.auth-showcase h1{font-size:clamp(36px,11vw,50px)!important}.auth-showcase p{font-size:13px!important}.auth-download-strip{display:none!important}
  .theme-auth .auth-form-side{padding:10px 12px 32px!important}.theme-auth .auth-card,.theme-auth .auth-card-register{padding:19px 15px!important;border-radius:19px!important}.auth-card-head h2{font-size:clamp(29px,8.8vw,37px)!important}.auth-input-wrap{height:49px!important}.auth-submit{min-height:51px!important}.auth-mobile-feature-grid{gap:8px!important;margin-top:13px!important}.auth-mobile-feature-grid .auth-premium-feature{min-height:66px!important}
}

/* Compact register / security support cards */
.theme-page-kayit .auth-benefits{display:grid!important;gap:9px!important;margin:18px 0 0!important;padding:0!important;max-width:650px!important}
.theme-page-kayit .auth-benefits li{min-height:58px!important;padding:11px 13px!important;border-radius:13px!important;background:rgba(10,20,31,.74)!important;border:1px solid rgba(126,153,180,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.theme-page-kayit .auth-benefits li i{width:28px!important;height:28px!important;font-size:15px!important}.theme-page-kayit .auth-benefits li span{font-size:12px!important;line-height:1.45!important}
.theme-page-sifre-sifirla .auth-feature-grid,.theme-page-sifremi-unuttum .auth-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important;max-width:620px!important}
.theme-page-sifre-sifirla .auth-feature-grid article,.theme-page-sifremi-unuttum .auth-feature-grid article{min-height:72px!important;padding:12px 13px!important;border-radius:13px!important;background:rgba(10,20,31,.74)!important;border:1px solid rgba(255,151,28,.22)!important}
.theme-page-sifre-sifirla .auth-feature-grid article b,.theme-page-sifremi-unuttum .auth-feature-grid article b{font-size:20px!important;color:var(--bp-orange)!important}.theme-page-sifre-sifirla .auth-feature-grid article span,.theme-page-sifremi-unuttum .auth-feature-grid article span{font-size:10px!important}
@media (max-width:640px){.theme-page-kayit .auth-benefits,.theme-page-sifre-sifirla .auth-feature-grid,.theme-page-sifremi-unuttum .auth-feature-grid{display:none!important}}


/* ========================================================================== */
/* Bitikda Premium Auth v4 — responsive alignment + admin logo + scroll perf  */
/* ========================================================================== */

/* Admin panelinden yönetilen sistem logosu */
.theme-auth .auth-brand-logo{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(255,151,22,.68)!important;
  background:linear-gradient(145deg,rgba(8,14,22,.96),rgba(12,20,31,.88))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 0 18px rgba(255,120,0,.07)!important;
}
.theme-auth .auth-brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:3px!important;
}

/* Feature kartlarında kayma/taşma düzeltmesi */
.theme-auth .auth-premium-feature{
  height:66px!important;
  min-height:66px!important;
  grid-template-columns:38px minmax(0,1fr) 14px!important;
  gap:9px!important;
  padding:9px 10px!important;
  contain:layout paint!important;
}
.theme-auth .auth-premium-feature::before{
  inset:0 0 0 auto!important;
  width:58%!important;
  height:100%!important;
  background-position:center!important;
  background-size:cover!important;
  opacity:.64!important;
}
.theme-auth .auth-premium-feature::after{
  background:linear-gradient(90deg,rgba(5,10,17,.98) 0%,rgba(5,10,17,.90) 44%,rgba(5,10,17,.45) 100%)!important;
}
.theme-auth .auth-premium-feature-icon{
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  align-self:center!important;
  justify-self:start!important;
}
.theme-auth .auth-premium-feature-icon svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.theme-auth .auth-premium-feature-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
.theme-auth .auth-premium-feature-copy b,
.theme-auth .auth-premium-feature-copy span{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
}
.theme-auth .auth-premium-feature-copy b{line-height:1.15!important}
.theme-auth .auth-premium-feature-copy span{margin-top:3px!important;line-height:1.2!important}
.theme-auth .auth-premium-feature-arrow{
  display:grid!important;
  place-items:center!important;
  width:14px!important;
  margin:0!important;
  align-self:center!important;
}

/* Kayıt hesabı ikonları: emoji yerine sabit premium SVG */
.theme-auth .auth-account-type-option .auth-account-type-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:#ffc461!important;
  background:linear-gradient(145deg,rgba(255,151,22,.18),rgba(255,91,0,.08))!important;
  border:1px solid rgba(255,156,32,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.18)!important;
}
.theme-auth .auth-account-type-option .auth-account-type-icon.is-company{
  color:#62c9ff!important;
  background:linear-gradient(145deg,rgba(25,145,255,.16),rgba(0,82,169,.09))!important;
  border-color:rgba(65,171,255,.28)!important;
}
.theme-auth .auth-account-type-option .auth-account-type-icon svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.theme-auth .auth-account-type-option>span{
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
}

/* Kurumsal kayıt sayfası scroll performansı:
   büyük backdrop-filter + fixed background birlikte Chrome'da repaint oluşturuyordu. */
body.auth-body.theme-page-kayit{
  background-attachment:scroll!important;
}
.theme-page-kayit .auth-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:linear-gradient(160deg,rgba(8,14,22,.975),rgba(5,9,15,.97) 64%,rgba(35,16,4,.93))!important;
}
.theme-page-kayit .auth-corporate-fields{
  contain:layout paint!important;
}
.theme-page-kayit .auth-account-type-option>span{
  transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease!important;
}

/* 1100px altında önceki iki responsive bloğun çakışmasını sonlandır */
@media (max-width:1100px){
  .theme-auth .auth-premium-feature{
    height:64px!important;
    min-height:64px!important;
  }
}

/* Mobil: üst boşluğu ve yazı kaymalarını kesin olarak düzelt */
@media (max-width:640px){
  html,body.auth-body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .theme-auth .auth-showcase{
    min-height:0!important;
    height:auto!important;
    justify-content:flex-start!important;
    padding:14px 14px 4px!important;
    gap:18px!important;
  }
  .theme-auth .auth-brand{
    gap:9px!important;
  }
  .theme-auth .auth-brand-logo{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    border-radius:12px!important;
  }
  .theme-auth .auth-brand strong{font-size:19px!important}
  .theme-auth .auth-brand small{font-size:7.5px!important;letter-spacing:1.35px!important}
  .theme-auth .auth-showcase-content{
    margin:0!important;
    padding:4px 0 6px!important;
    width:100%!important;
  }
  .theme-auth .auth-kicker{font-size:8px!important;letter-spacing:1.15px!important}
  .theme-auth .auth-showcase h1{
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 9px!important;
    font-size:clamp(32px,10.2vw,43px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .theme-auth .auth-showcase p{
    max-width:100%!important;
    font-size:12.5px!important;
    line-height:1.42!important;
  }
  .theme-auth .auth-form-side{
    padding:5px 10px 24px!important;
    margin:0!important;
  }
  .theme-auth .auth-card,
  .theme-auth .auth-card-register{
    padding:17px 13px!important;
    border-radius:17px!important;
  }
  .theme-auth .auth-card-head h2{
    font-size:clamp(27px,8.2vw,34px)!important;
    line-height:1!important;
    margin:7px 0 7px!important;
  }
  .theme-auth .auth-card-head p{
    margin-bottom:14px!important;
    line-height:1.42!important;
  }
  .theme-auth .auth-form{gap:9px!important}
  .theme-auth .auth-input-wrap{height:47px!important}
  .theme-auth .auth-submit{min-height:48px!important}
  .theme-auth .auth-secondary{min-height:45px!important}
  .theme-auth .auth-divider{margin:12px 0 9px!important}
  .theme-auth .auth-mobile-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:11px!important;
  }
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature{
    height:68px!important;
    min-height:68px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px!important;
  }
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature::before{width:50%!important;opacity:.52!important}
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature-icon{
    width:34px!important;height:34px!important;border-radius:10px!important;
  }
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature-icon svg{
    width:18px!important;height:18px!important;
  }
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature-arrow{display:none!important}
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature-copy b{font-size:11px!important}
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature-copy span{font-size:8.5px!important}
  .theme-page-kayit .auth-account-type-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .theme-page-kayit .auth-account-type-option>span{
    min-height:70px!important;
    padding:8px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .theme-page-kayit .auth-account-type-option .auth-account-type-icon{
    width:34px!important;height:34px!important;border-radius:10px!important;
  }
  .theme-page-kayit .auth-account-type-option b{font-size:12px!important}
  .theme-page-kayit .auth-account-type-option small{font-size:9px!important}
}

@media (max-width:390px){
  .theme-auth .auth-mobile-feature-grid{grid-template-columns:1fr!important}
  .theme-auth .auth-mobile-feature-grid .auth-premium-feature{height:62px!important;min-height:62px!important}
  .theme-page-kayit .auth-account-type-grid{grid-template-columns:1fr!important}
}