/* Mağaza: kimlik doğrulama sayfaları (giriş, kayıt, şifre). catalog.css jetonlarıyla birlikte yüklenir.
   Animasyonlar yalnızca transform ve opacity. Selektörler .au ile öne alınır (".sc a/button" sıfırlamalarını geçmek için). */
.au{padding-bottom:0}
.au .au-w{max-width:1240px;margin:0 auto;padding:clamp(12px,2vw,24px) clamp(16px,3vw,40px) clamp(32px,5vw,72px)}
.au .au-shell{border-radius:38px;padding:6px;background:rgba(24,61,42,.14);box-shadow:0 0 0 1px var(--ring)}
.au .au-card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:32px;overflow:hidden;background:var(--paper);box-shadow:inset 0 1px 0 var(--hi),0 30px 60px -34px rgba(8,26,16,.55)}
@media (min-width:960px){.au .au-card{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:680px}}

/* ---------- Sahne ---------- */
.au .au-stage{--g:.1;--mx:0;--my:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:clamp(22px,3vw,40px);color:#C9D2BC;background:radial-gradient(520px 380px at 80% 8%,rgba(168,176,154,.28),transparent 66%),radial-gradient(460px 360px at 0% 100%,rgba(125,131,90,.3),transparent 62%),var(--forest)}
.au .au-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(14,36,24,.55),transparent 38%)}
.au .au-scene{position:relative;z-index:1;display:block;width:min(100%,500px);max-height:min(52vh,470px);margin:0 auto;overflow:visible}
@media (max-width:959px){.au .au-scene{max-height:200px}}
.au .au-stage-text{position:relative;z-index:2}
.au .au-chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:rgba(243,237,226,.14);font-size:14px;font-weight:500;color:var(--canvas);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.au .au-stage h2{margin-top:14px;font-size:clamp(28px,3.2vw,44px);line-height:1.04;color:#F7F2E8}
.au .au-stage .d{margin-top:12px;max-width:46ch;color:#C9D2BC}
.au .au-points{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.au .au-points li{display:flex;align-items:center;gap:12px;color:#E3E8DA}
.au .au-points .sc-ic{width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(243,237,226,.16);box-sizing:content-box;width:16px;height:16px}
@media (max-width:959px){.au .au-points{display:none}.au .au-stage .d{display:none}.au .au-stage h2{font-size:26px}}

/* nilüfer: --g 0 tomurcuk, 1 tam açık */
.au .au-scene .pt{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(calc(var(--a) * var(--g) * 1deg)) scale(calc((.45 + .55 * var(--g)) * var(--s,1)));opacity:calc(.4 + .6 * var(--g))}
.au .au-scene .pt.back{fill:var(--sage)}.au .au-scene .pt.mid{fill:#DCE3D2}.au .au-scene .pt.front{fill:var(--canvas)}
.au .au-scene .core{fill:#E9C877;opacity:var(--g)}
.au .au-scene .glow{opacity:calc(var(--g) * .9)}
.au .au-scene .pollen{opacity:var(--g)}
.au .au-scene .pl{fill:#F7E9C6;transform-box:fill-box;animation:au-pollen 7s ease-in-out infinite}
.au .au-scene .px-far{transform:translate3d(calc(var(--mx) * -8px),calc(var(--my) * -5px),0)}
.au .au-scene .px-mid{transform:translate3d(calc(var(--mx) * 5px),calc(var(--my) * 3px),0)}
.au .au-scene .px-near{transform:translate3d(calc(var(--mx) * 12px),calc(var(--my) * 8px),0)}
.au .au-scene .rp{fill:none;stroke:rgba(243,237,226,.4);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:au-ripple 6.6s ease-out infinite}
.au .au-scene .pad{transform-box:fill-box;transform-origin:center;animation:au-bob 7s ease-in-out infinite}
.au .au-scene .pad.b{animation-delay:-3.2s}
.au .au-scene .flower{transform-box:fill-box;transform-origin:50% 100%;animation:au-sway 8s ease-in-out infinite}
@keyframes au-ripple{0%{transform:scale(.5);opacity:.55}100%{transform:scale(1.7);opacity:0}}
@keyframes au-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes au-sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
@keyframes au-pollen{0%{transform:translateY(14px);opacity:0}25%{opacity:.9}100%{transform:translateY(-60px);opacity:0}}

/* ---------- Form paneli ---------- */
.au .au-panel{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:clamp(24px,4.4vw,60px)}
.au .au-panel>*{animation:au-in .8s var(--ease) both}
.au .au-panel>*:nth-child(2){animation-delay:70ms}.au .au-panel>*:nth-child(3){animation-delay:140ms}.au .au-panel>*:nth-child(4){animation-delay:210ms}.au .au-panel>*:nth-child(5){animation-delay:280ms}.au .au-panel>*:nth-child(6){animation-delay:350ms}
@keyframes au-in{from{opacity:0;transform:translateY(20px)}}
.au .au-head h1{font-size:clamp(30px,3.4vw,46px);line-height:1.04}
.au .au-head p{margin-top:10px;color:var(--muted);max-width:50ch}
.au .au-link{color:var(--accent);font-weight:500;text-decoration:underline;text-decoration-color:rgba(7,83,44,.35);text-underline-offset:4px;transition:text-decoration-color .2s}
.au .au-link:hover{text-decoration-color:var(--accent)}
.au .au-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;color:var(--muted);font-weight:500;transition:color .2s,transform .35s var(--ease)}
.au .au-back:hover{color:var(--ink);transform:translateX(-3px)}
.au .au-badge{display:grid;place-items:center;position:relative;width:60px;height:60px;margin-bottom:14px;border-radius:50%;background:rgba(125,131,90,.2);color:var(--accent)}
.au .au-badge::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(7,83,44,.3);animation:au-pulse 2.4s ease-out infinite}
@keyframes au-pulse{0%{box-shadow:0 0 0 0 rgba(7,83,44,.3)}100%{box-shadow:0 0 0 18px rgba(7,83,44,0)}}

.au .au-form{display:grid;gap:18px}
.au .au-field{position:relative}
.au .au-field>label:not(.au-check){display:block;margin-bottom:8px;font-weight:500;color:var(--ink)}
.au .au-ctl{position:relative}
.au .au-ctl input{width:100%;height:54px;padding:0 52px 0 48px;border:0;border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:16px;box-shadow:inset 0 0 0 1px var(--field);transition:box-shadow .25s var(--ease),background .25s}
.au .au-ctl input::placeholder{color:var(--field);opacity:1}
.au .au-ctl input:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.au .au-ctl input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px rgba(7,83,44,.14)}
.au .au-ctl input.is-valid{box-shadow:inset 0 0 0 1.5px #5E7A3F}
.au .au-ctl input.is-invalid{box-shadow:inset 0 0 0 2px var(--bad-fg);background:#FFF8F6}
.au .au-ctl .lead{position:absolute;left:16px;top:50%;margin-top:-10px;width:20px;height:20px;color:var(--muted);transition:color .2s;pointer-events:none}
.au .au-ctl:focus-within .lead{color:var(--accent)}
.au .au-tick{position:absolute;right:14px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;display:grid;place-items:center;background:rgba(94,122,63,.18);color:#3F5A24;opacity:0;transform:scale(.5);transition:opacity .25s,transform .45s var(--ease);pointer-events:none}
.au .au-tick .sc-ic{width:14px;height:14px}
.au .au-ctl input.is-valid~.au-tick{opacity:1;transform:none}
.au .au-eye{position:absolute;right:4px;top:50%;width:46px;height:46px;margin-top:-23px;display:grid;place-items:center;border-radius:14px;color:var(--muted);transition:background .2s,color .2s,transform .3s var(--ease)}
.au .au-eye:hover{background:var(--hover);color:var(--ink)}
.au .au-eye:active{transform:scale(.92)}
.au .au-eye .hide{display:none}.au .au-eye[aria-pressed="true"] .show{display:none}.au .au-eye[aria-pressed="true"] .hide{display:block}
.au .au-forgot{position:absolute;right:0;top:0;font-size:15px}
.au .au-caps{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;color:var(--wait-fg)}
.au .au-caps[hidden]{display:none}
.au .au-msg{margin-top:6px;font-size:14px;color:var(--bad-fg)}
.au .au-msg:empty{display:none}
.au .au-msg:not(:empty){animation:au-in .35s var(--ease) both}
.au .au-hint{margin-top:6px;font-size:14px;color:var(--muted)}

/* şifre gücü */
.au .au-meter{margin-top:12px}
.au .au-meter .bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.au .au-meter .bars i{display:block;height:6px;border-radius:6px;background:rgba(87,69,54,.14);transform-origin:left;transition:background .3s,transform .5s var(--ease)}
.au .au-meter[data-level="1"] .bars i:nth-child(-n+1){background:#B3402F}
.au .au-meter[data-level="2"] .bars i:nth-child(-n+2){background:#C28A12}
.au .au-meter[data-level="3"] .bars i:nth-child(-n+3){background:#7D835A}
.au .au-meter[data-level="4"] .bars i{background:var(--accent)}
.au .au-meter .lvl{margin-top:8px;font-size:14px;font-weight:600;color:var(--muted)}
.au .au-meter[data-level="1"] .lvl{color:var(--bad-fg)}.au .au-meter[data-level="2"] .lvl{color:var(--wait-fg)}.au .au-meter[data-level="3"] .lvl{color:#4F5530}.au .au-meter[data-level="4"] .lvl{color:var(--accent)}
.au .au-meter .reqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:10px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.au .au-meter .dot{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--field);color:transparent;vertical-align:-4px;transition:background .25s,box-shadow .25s,color .25s,transform .4s var(--ease)}
.au .au-meter .dot .sc-ic{width:12px;height:12px}
.au .au-meter .reqs li.ok{color:var(--ink)}
.au .au-meter .reqs li.ok .dot{background:var(--accent);box-shadow:none;color:var(--on-accent);transform:scale(1.08)}
@media (max-width:420px){.au .au-meter .reqs{grid-template-columns:1fr}}

/* onay kutusu */
.au .au-check{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:44px;cursor:pointer;color:var(--body)}
.au .au-check input{position:absolute;left:0;top:2px;width:24px;height:24px;margin:0;opacity:0;cursor:pointer}
.au .au-check .box{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--field);color:transparent;transition:background .2s,box-shadow .2s,color .2s,transform .35s var(--ease)}
.au .au-check:hover .box{box-shadow:inset 0 0 0 1.5px var(--ink)}
.au .au-check input:checked+.box{background:var(--accent);box-shadow:none;color:var(--on-accent);transform:scale(1.05)}
.au .au-check input:focus-visible+.box{outline:2px solid var(--accent);outline-offset:3px}
.au .au-check input.is-invalid+.box{box-shadow:inset 0 0 0 2px var(--bad-fg)}

/* düğme */
.au .au-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:56px;padding:0 9px 0 26px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:16px;box-shadow:0 14px 28px -14px var(--accent);transition:transform .35s var(--ease),filter .25s,opacity .25s}
.au .au-submit:hover{filter:brightness(1.08)}
.au .au-submit:active{transform:scale(.98)}
.au .au-submit .nub{display:grid;place-items:center;position:relative;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16);transition:transform .5s var(--ease)}
.au .au-submit:hover .nub{transform:translate(2px,-1px) scale(1.06)}
.au .au-submit .spin{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:au-spin .7s linear infinite}
.au .au-submit.is-loading{cursor:progress;opacity:.92}
.au .au-submit.is-loading .arrow{display:none}.au .au-submit.is-loading .spin{display:block}
@keyframes au-spin{to{transform:rotate(360deg)}}

.au .au-or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}
.au .au-or::before,.au .au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au .au-google{display:flex;align-items:center;justify-content:center;gap:12px;height:54px;border-radius:999px;background:#fff;color:var(--ink);font-weight:500;box-shadow:inset 0 0 0 1px var(--field);transition:background .25s,transform .35s var(--ease)}
.au .au-google:hover{background:var(--hover)}
.au .au-google:active{transform:scale(.98)}
.au .au-google .g{width:20px;height:20px}
.au .au-legal{font-size:14px;color:var(--muted)}
.au .au-alt{display:flex;justify-content:center}
.au .au-alt button{min-height:44px}

.au .au-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;font-weight:500}
.au .au-note.bad{background:var(--bad-bg);color:var(--bad-fg)}
.au .au-note.ok{background:var(--ok-bg);color:var(--ok-fg)}
.au .au-note .fly{animation:au-fly 1.1s var(--ease) both}
@keyframes au-fly{from{opacity:0;transform:translate(-26px,16px) rotate(-18deg)}}

.au .au-shake{animation:au-shake .5s cubic-bezier(.36,.07,.19,.97) both}
@keyframes au-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}

@media (prefers-reduced-motion:reduce){
  .au .au-scene *,.au .au-panel>*,.au .au-note .fly,.au .au-badge::after,.au .au-shake{animation:none!important}
  .au .au-scene .px{transform:none}
  .au .au-submit .spin{animation-duration:1.6s}
}