/* Kayıt ve giriş sayfası (Figma "Web / Giriş"). styles.css'ten sonra yüklenir;
   renkler yalnızca :root belirteçlerinden gelir. Sınıflar .au- önekli. */
.au-body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
.au *,.au *::before,.au *::after{box-sizing:border-box}
.au p,.au h1,.au h2,.au ol{margin:0}
.au button,.au input,.au a{font:inherit}
.au{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100dvh}
.au-muted{color:var(--text-secondary)}
.au-strong{color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}

/* ---------- Marka paneli ---------- */
.au-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-24);padding:52px var(--sp-64) 44px;background:radial-gradient(320px 250px at 580px 80px,color-mix(in srgb,var(--brand-500) 55%,transparent),color-mix(in srgb,var(--brand-500) 21%,transparent) 45%,transparent),radial-gradient(270px 220px at 60px 650px,color-mix(in srgb,var(--cyan-400) 16%,transparent),color-mix(in srgb,var(--cyan-400) 6%,transparent) 45%,transparent),radial-gradient(270px 200px at 630px 760px,color-mix(in srgb,var(--brand-400) 26%,transparent),color-mix(in srgb,var(--brand-400) 10%,transparent) 45%,transparent),radial-gradient(240px 200px at 360px 353px,color-mix(in srgb,var(--brand-400) 26%,transparent),color-mix(in srgb,var(--brand-400) 10%,transparent) 45%,transparent),linear-gradient(140deg,var(--navy-950),var(--navy-900));color:var(--text-inverse);overflow:hidden;isolation:isolate}
.au-brand-top{display:flex;justify-content:space-between;align-items:center}
.au-appicon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-lg);border:1px solid var(--border-glass);background:linear-gradient(135deg,var(--brand-500),var(--brand-800))}
.au-appicon img{display:block;width:38px;height:40px}
.au-pill{display:inline-flex;align-items:center;gap:var(--sp-8);padding:8px 14px 8px 12px;border-radius:var(--r-full);background:var(--alpha-white-08);border:1px solid var(--alpha-white-16);color:var(--text-inverse)}
.au-pill .icon{width:16px;height:16px}
.au-stage{position:relative;height:330px}
.au-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid color-mix(in srgb,var(--cyan-200) 34%,transparent);transform:translate(-50%,-50%);pointer-events:none}
.au-ring-1{width:270px;height:270px}.au-ring-2{width:390px;height:390px}.au-ring-3{width:520px;height:520px}
.au-mascot{position:absolute;left:50%;top:50%;width:224px;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 40px color-mix(in srgb,var(--brand-500) 45%,transparent))}
.au-chip{position:absolute;display:flex;gap:var(--sp-10);align-items:flex-start;padding:10px 16px 12px 10px;border-radius:14px;background:var(--alpha-white-08);border:1px solid var(--alpha-white-16);backdrop-filter:blur(8px)}
.au-chip .au-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--cyan-300);flex:none}
.au-chip p{margin:0;white-space:nowrap}
.au-chip .t-label-s{color:var(--neutral-300)}
.au-chip-a{left:6px;top:34px}.au-chip-b{right:6px;bottom:16px}
.au-brand-text{display:flex;flex-direction:column;gap:14px}
.au-overline{color:var(--neutral-300)}
.au-brand h1{color:var(--text-inverse)}
.au-headline{max-width:592px}
.au-sub{max-width:480px;color:var(--neutral-200)}
.au-legal{padding-top:var(--sp-16);color:var(--neutral-400)}
.au-brand-text > *{transition:opacity var(--dur-normal) var(--ease-standard)}

/* ---------- Form paneli ---------- */
.au-pane{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 80px;background:var(--bg-base);overflow:hidden}
.au-pane::before,.au-pane::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.au-pane::before{width:420px;height:320px;right:-60px;top:-60px;background:color-mix(in srgb,var(--brand-200) 55%,transparent)}
.au-pane::after{width:380px;height:300px;left:-100px;bottom:40px;background:color-mix(in srgb,var(--cyan-200) 45%,transparent)}
.au-form{position:relative;z-index:1;width:100%;max-width:440px}
.au-screen{display:none;flex-direction:column;gap:var(--sp-20)}
.au[data-view="login"] [data-screen="login"],.au[data-view="register"] [data-screen="register"],.au[data-view="verify"] [data-screen="verify"],.au[data-view="ready"] [data-screen="ready"],
.au[data-view="forgot"] [data-screen="forgot"],.au[data-view="sent"] [data-screen="sent"],.au[data-view="newpw"] [data-screen="newpw"],.au[data-view="done"] [data-screen="done"],.au[data-view="expired"] [data-screen="expired"]{display:flex}
[data-screen="register"],[data-screen="newpw"]{gap:var(--sp-16)}
.au-head{display:flex;flex-direction:column;gap:var(--sp-8)}
.au-stack{display:flex;flex-direction:column;gap:var(--sp-20)}
[data-screen="register"] .au-stack,[data-screen="newpw"] .au-stack{gap:var(--sp-16)}
.au-logo{display:block;width:auto;height:40px;margin-bottom:var(--sp-8)}

.au-tabs{display:flex;gap:28px;border-bottom:1px solid var(--border-subtle)}
.au-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:2px 2px 14px;color:var(--text-secondary);font:500 16px/20px var(--font-ui);cursor:pointer}
.au-tab[aria-selected="true"]{color:var(--text-brand);border-bottom-color:var(--action-primary-default)}
.au[data-sub="locked"] [data-tabs]{display:none}

.au-field{display:flex;flex-direction:column;gap:var(--sp-8)}
.au-label-row{display:flex;justify-content:space-between;align-items:center;min-height:20px}
.au-input{display:flex;align-items:center;gap:var(--sp-10);height:52px;padding:0 16px;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--surface-primary);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.au-input input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:400 16px/24px var(--font-ui)}
.au-input input::placeholder{color:var(--text-tertiary)}
.au-input:focus-within{border:2px solid var(--action-primary-default);padding:0 15px;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 18%,transparent)}
.au-input.is-error,.au-input.is-error:focus-within{border:1px solid var(--border-error);padding:0 16px;box-shadow:none}
.au-eye{appearance:none;display:grid;place-items:center;width:28px;height:28px;border:0;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--r-sm)}
.au-eye:hover,.au-eye[aria-pressed="true"]{color:var(--text-brand)}
.au-eye .icon{width:18px;height:18px}
.au-ok{display:none;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--status-success-fg);color:var(--text-on-action);flex:none}
.au-ok .icon{width:12px;height:12px;stroke-width:2.5}
.au-field.is-ok .au-ok{display:grid}
.au-hint{color:var(--text-tertiary)}
.au-err{display:flex;align-items:center;gap:var(--sp-8);color:var(--status-danger-fg);font:500 12px/16px var(--font-ui);letter-spacing:.2px}
.au-err .au-err-dot{width:6px;height:6px;border-radius:50%;background:var(--status-danger-fg);flex:none}

.au-link{appearance:none;background:none;border:0;padding:0;color:var(--text-brand);font:500 14px/20px var(--font-ui);letter-spacing:.1px;cursor:pointer;text-decoration:none}
.au-link:hover{text-decoration:underline}
.au-options .au-link,.au-resend .au-link{white-space:nowrap}
.au-link-quiet{color:var(--text-tertiary)}
.au-link:disabled{cursor:default;text-decoration:none;opacity:1}
.au-forgot-inline{display:none}
.au-options{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-12)}
.au-check{display:flex;align-items:flex-start;gap:var(--sp-10);color:var(--text-secondary);cursor:pointer}
.au-check input{position:absolute;opacity:0;width:20px;height:20px;margin:0}
.au-box{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:7px;border:1.5px solid var(--border-strong);background:var(--surface-primary);color:transparent}
.au-box .icon{width:14px;height:14px;stroke-width:3}
.au-check input:checked + .au-box{background:var(--action-primary-default);border-color:var(--action-primary-default);color:var(--text-on-action)}
.au-check input:focus-visible + .au-box{outline:2px solid var(--focus-ring);outline-offset:2px}
.au-terms{align-items:flex-start}
.au-aside{display:flex;gap:var(--sp-14,14px);align-items:center;flex-wrap:wrap}
.au-privacy{display:flex;gap:var(--sp-10);color:var(--text-tertiary)}
.au-privacy .icon{width:18px;height:18px;flex:none}

/* Düğmeler */
.au-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-8);width:100%;height:48px;padding:0 var(--sp-16);border-radius:var(--r-md);border:1px solid transparent;font:500 14px/20px var(--font-ui);letter-spacing:.1px;cursor:pointer;text-decoration:none;transition:background var(--dur-fast),border-color var(--dur-fast)}
.au-btn .icon{width:20px;height:20px}
.au-btn-primary{background:var(--action-primary-default);color:var(--text-on-action)}
.au-btn-primary:hover{background:var(--action-primary-hover)}
.au-btn-outline{background:var(--surface-primary);border-color:var(--border-default);color:var(--text-brand)}
.au-btn-outline:hover{background:var(--surface-selected)}
.au-btn-ghost{width:auto;height:40px;background:var(--surface-primary);color:var(--text-brand);flex:none}
.au-btn-ghost:hover{background:var(--surface-selected)}
.au-btn:disabled,.au-btn[aria-disabled="true"]{opacity:1;background:var(--border-default);border-color:transparent;color:var(--text-secondary);cursor:not-allowed}
.au-btn:focus-visible,.au-link:focus-visible,.au-tab:focus-visible,.au-eye:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.au-spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text-inverse) 35%,transparent);border-top-color:var(--text-inverse);animation:au-spin .8s linear infinite}
.au-btn.is-busy,.au-btn.is-busy:disabled{cursor:progress;background:var(--action-primary-default);color:var(--text-on-action)}
.au-btn.is-busy .au-spinner{display:inline-block}
@keyframes au-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.au-spinner{animation-duration:2.4s}}

/* Bildirim kutuları */
.au-notice{display:flex;gap:var(--sp-12);padding:14px 16px 14px 14px;border-radius:14px;background:var(--status-info-bg)}
.au-notice-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;flex:none;background:var(--action-primary-default)}
.au-notice-danger{background:var(--tint-danger)}.au-notice-danger .au-notice-dot{background:var(--status-danger-fg)}
.au-notice-warning{background:var(--tint-warning)}.au-notice-warning .au-notice-dot{background:var(--status-warning-fg)}
.au-notice-info{background:var(--surface-selected)}
.au-notice p+p{margin-top:3px}

/* Durum simgesi */
.au-status{display:grid;place-items:center;width:64px;height:64px;border-radius:50%}
.au-status .icon{width:28px;height:28px;stroke-width:1.75}
.au-status-brand{background:var(--surface-selected);color:var(--action-primary-default)}
.au-status-success{background:var(--tint-success);color:var(--status-success-fg)}
.au-status-warning{background:var(--tint-warning);color:var(--status-warning-fg)}

/* 6 haneli kod */
.au-code{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-10)}
.au-code input{width:100%;height:64px;padding:0;text-align:center;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-primary);color:var(--text-primary);font:500 28px/32px var(--font-ui-mono);outline:0;caret-color:var(--action-primary-default)}
.au-code input:focus{border:2px solid var(--action-primary-default);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 18%,transparent)}
.au-code input:placeholder-shown:not(:focus){border-color:var(--border-default)}
.au-code.is-error input{border-color:var(--border-error)}
.au-resend{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-12)}
.au-row{display:inline-flex;gap:var(--sp-6);align-items:center;flex-wrap:wrap}

/* Şifre gücü */
.au-strength{display:flex;flex-direction:column;gap:var(--sp-10)}
.au-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}
.au-bars i{height:4px;border-radius:2px;background:var(--border-subtle)}
.au-strength[data-level="1"] .au-bars i:nth-child(-n+1){background:var(--status-danger-fg)}
.au-strength[data-level="2"] .au-bars i:nth-child(-n+2){background:var(--status-warning-fg)}
.au-strength[data-level="3"] .au-bars i:nth-child(-n+3),.au-strength[data-level="4"] .au-bars i{background:var(--status-success-fg)}
.au-strength-line{display:flex;justify-content:space-between;color:var(--text-tertiary)}
.au-strength[data-level="1"] .au-level{color:var(--status-danger-fg)}.au-strength[data-level="2"] .au-level{color:var(--status-warning-fg)}
.au-strength[data-level="3"] .au-level,.au-strength[data-level="4"] .au-level{color:var(--status-success-fg)}
.au-conds{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-12);margin:0;padding:0;list-style:none}
.au-conds li{display:inline-flex;align-items:center;gap:var(--sp-6);color:var(--text-tertiary)}
.au-conds li::before{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);flex:none}
.au-conds li.ok{color:var(--text-primary)}
.au-conds li.ok::before{content:"\2713";border-color:var(--status-success-fg);background:var(--status-success-fg);color:var(--text-on-action);font:700 10px/13px var(--font-ui);text-align:center}

/* Kurulum listesi ve hediye */
.au-steps{list-style:none;padding:6px 18px;border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--surface-primary)}
.au-steps li{display:flex;align-items:center;gap:14px;padding:14px 0}
.au-steps li+li{border-top:1px solid var(--border-subtle)}
.au-no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-selected);color:var(--text-brand);flex:none}
.au-gift{display:flex;align-items:center;gap:var(--sp-12);padding:12px 16px 12px 12px;border-radius:14px;background:var(--surface-selected)}
.au-gift img{width:40px;height:auto;flex:none}
.au-actions{display:flex;gap:var(--sp-10);align-items:center}
.au-actions .au-btn-primary{flex:1}

/* Toast */
.au-toasts{position:fixed;top:24px;right:24px;z-index:1000;display:grid;gap:var(--sp-10);max-width:calc(100vw - 32px)}
.au-toast{display:flex;gap:var(--sp-12);align-items:center;padding:14px 22px 14px 14px;border-radius:14px;background:var(--surface-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:au-in var(--dur-slow) var(--ease-enter)}
.au-toast-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:none;background:var(--tint-success)}
.au-toast-icon::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--status-success-fg)}
.au-toast.is-danger .au-toast-icon{background:var(--tint-danger)}.au-toast.is-danger .au-toast-icon::after{background:var(--status-danger-fg)}
.au-toast.is-warning .au-toast-icon{background:var(--tint-warning)}.au-toast.is-warning .au-toast-icon::after{background:var(--status-warning-fg)}
.au-toast p{margin:0}
@keyframes au-in{from{opacity:0;transform:translateY(-8px)}}

/* ---------- Alt durumlar (data-sub) ---------- */
.au[data-view="login"][data-sub="error"] .au-options{display:none}
.au[data-view="login"][data-sub="error"] .au-forgot-inline{display:inline}
.au[data-sub="locked"] .au-options,.au[data-sub="locked"] #loginSubmit .au-spinner{display:none}
.au[data-sub="locked"] .au-input{background:var(--surface-secondary)}
.au[data-sub="locked"] .au-input input{color:var(--text-tertiary)}
.au[data-sub="locked"] .au-privacy{display:none}
.au[data-view="login"][data-sub="error"] .au-privacy{display:none}
#lockLinks{justify-content:center}
.au[data-sub="loading"] .au-input{background:var(--surface-primary)}

/* ---------- Mobil: marka paneli kompakt başlığa iner ---------- */
@media (max-width:1100px){.au-brand{padding-inline:var(--sp-40)}.au-pane{padding-inline:var(--sp-40)}}
@media (max-width:860px){
  .au{grid-template-columns:1fr;min-height:0}
  .au-brand{padding:20px var(--sp-24) 24px;gap:var(--sp-16)}
  .au-stage,.au-sub,.au-legal{display:none}
  .au-appicon{width:44px;height:44px;border-radius:var(--r-md)}.au-appicon img{width:30px;height:32px}
  .au-headline{font:700 26px/32px var(--font-ui);letter-spacing:-.4px}
  .au-brand-text{gap:var(--sp-8)}
  .au-pane{padding:28px var(--sp-20) 40px;align-items:flex-start}
  .au-toasts{top:12px;right:12px;left:12px}
}
@media (max-width:420px){.au-code{gap:var(--sp-6)}.au-code input{height:56px;font-size:24px}.au-actions{flex-wrap:wrap}.au-btn-ghost{width:100%}.au-resend{flex-wrap:wrap}}