*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--am-font-ui);background:var(--am-admin-bg)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,42%) 1fr}.brand-panel{min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(217,38,46,.2),transparent 28%),linear-gradient(145deg,#101827 0%,#121d30 52%,#0f1724 100%);color:#fff;padding:42px clamp(34px,5vw,78px);display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-260px;bottom:-160px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.brand-lockup{display:flex;gap:13px;align-items:center;position:relative;z-index:1;width:max-content}.brand-mark{width:48px;height:48px;border-radius:var(--am-radius-mark);display:block;object-fit:contain;flex:0 0 auto}.brand-lockup>span:last-child{display:flex;flex-direction:column}.brand-lockup strong{font:800 1.12rem var(--am-font-display)}.brand-lockup small{font-size:.73rem;color:#97a6ba;margin-top:3px}.brand-copy{margin:auto 0;max-width:620px;position:relative;z-index:1}.eyebrow{font-size:.67rem;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 10px}.brand-copy .eyebrow{color:#ff8f95}.brand-copy h1{font:800 clamp(3rem,6vw,5.8rem)/.94 var(--am-font-display);letter-spacing:-.065em;margin:0 0 28px}.brand-copy>p:last-child{max-width:510px;color:#b7c2d2;font-size:1.01rem;line-height:1.75;margin:0}.brand-status{position:relative;z-index:1;display:flex;align-items:center;gap:11px;border-top:1px solid rgba(255,255,255,.09);padding-top:22px}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(85,197,139,.12)}.brand-status div{display:flex;flex-direction:column}.brand-status strong{font-size:.78rem}.brand-status small{font-size:.69rem;color:#7f8da2;margin-top:2px}
.form-panel{min-height:100vh;display:grid;place-items:center;padding:48px 28px;background:linear-gradient(180deg,#f8fafc,#f3f5f7)}.login-card{width:min(480px,100%)}.mobile-brand{display:none}.login-head{margin-bottom:30px}.login-head h2{font:800 clamp(2rem,4vw,2.75rem)/1.07 var(--am-font-display);letter-spacing:-.045em;margin:0 0 12px}.login-head>p:last-child{color:var(--muted);font-size:.9rem;margin:0;line-height:1.6}.field-label{display:block;font-size:.75rem;font-weight:750;color:#414b59;margin:0 0 7px}.password-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.password-label-row .field-label{margin:0 0 7px}.text-link{border:0;background:transparent;padding:0 0 7px;color:var(--accent);font-size:.72rem;font-weight:750}.text-link:hover{text-decoration:underline}.input-wrap{position:relative}.input-wrap input{width:100%;height:48px;border:1px solid #cbd2da;border-radius:6px;background:#fff;padding:0 13px;color:#202735;outline:none;transition:border-color .18s,box-shadow .18s}.input-wrap input::placeholder{color:#a0a8b4}.input-wrap input:focus{border-color:#667085;box-shadow:0 0 0 3px rgba(17,26,43,.07)}.input-wrap input.invalid{border-color:#d34a51;box-shadow:0 0 0 3px rgba(217,38,46,.08)}.password-wrap input{padding-right:66px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:32px;border:0;background:transparent;color:#687386;font-size:.71rem;font-weight:750;padding:0 7px}.remember-row{display:flex;align-items:center;gap:9px;margin:16px 0 20px;color:#596474;font-size:.76rem;cursor:pointer}.remember-row input{width:15px;height:15px;accent-color:var(--accent)}.turnstile-placeholder{min-height:70px;border:1px dashed #b9c2cc;border-radius:var(--am-radius-panel);background:#fafbfc;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 14px;margin:4px 0 17px}.turnstile-placeholder>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.turnstile-placeholder strong{font-size:.76rem;color:#3a4554}.turnstile-placeholder small{font-size:.65rem;color:#8b95a3;margin-top:2px}.turnstile-icon{width:38px;height:32px;position:relative;overflow:hidden}.cloud{position:absolute;display:block;background:#f2a340;border-radius:99px}.cloud-one{width:28px;height:14px;left:3px;bottom:4px}.cloud-one:before,.cloud-one:after,.cloud-two:before{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-one:before{width:15px;height:15px;left:4px;top:-7px}.cloud-one:after{width:12px;height:12px;right:3px;top:-5px}.cloud-two{width:12px;height:5px;background:#f07735;left:21px;bottom:3px;transform:skewX(-24deg)}.reserved-badge{font-size:.57rem;letter-spacing:.11em;font-weight:800;color:#7e8998;background:#eef1f4;border-radius:99px;padding:5px 8px}.form-error{min-height:19px;color:#b4232a;font-size:.72rem;margin:0 0 5px}.sign-in-btn{width:100%;height:49px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-weight:800;display:flex;justify-content:center;align-items:center;gap:10px;transition:background .18s,border-color .18s,transform .08s}.sign-in-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.sign-in-btn:active{transform:translateY(1px)}.sign-in-btn[disabled]{cursor:wait;opacity:.68}.prototype-note{margin-top:22px;padding:14px 15px;border:1px solid #e5d8ab;background:#fff9e9;border-radius:6px}.prototype-note strong{font-size:.72rem;color:#75510f}.prototype-note p{font-size:.68rem;line-height:1.55;color:#856b32;margin:5px 0 0}.login-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:#8a94a3;font-size:.68rem}.login-footer a{color:#5c6776;font-weight:700}.login-footer a:hover{color:var(--accent)}.login-toast{position:fixed;right:24px;bottom:24px;background:#121a28;color:#fff;padding:11px 14px;border-radius:var(--am-radius-control);box-shadow:var(--shadow);font-size:.75rem;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.login-toast.show{opacity:1;transform:none}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:34px 22px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:48px;width:max-content}.mobile-brand img{width:36px;height:36px;border-radius:8px;display:block;object-fit:contain;flex:0 0 auto}.mobile-brand strong{font:800 .92rem var(--am-font-display)}.login-head{margin-bottom:26px}}
@media(max-width:520px){.form-panel{align-items:start;padding-top:24px}.mobile-brand{margin-bottom:42px}.turnstile-placeholder{grid-template-columns:38px 1fr}.reserved-badge{display:none}.login-footer{flex-direction:column;gap:8px}.login-head h2{font-size:2rem}}


/* ================================================================
   Anime Meridian Login — brand standardization layer
   ================================================================ */

.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:10000;
  padding:10px 14px;
  border-radius:var(--am-radius-control);
  background:var(--am-white);
  color:var(--am-ink);
  border:var(--am-border);
  box-shadow:var(--am-shadow-panel);
  transform:translateY(-160%);
  transition:transform .16s ease;
  font-weight:700;
}
.skip-link:focus{transform:translateY(0)}

a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:3px solid var(--am-focus-ring);
  outline-offset:2px;
}

.brand-panel{
  background:
    radial-gradient(circle at 18% 12%,rgba(217,38,46,.20),transparent 28%),
    linear-gradient(145deg,var(--am-navy-dark) 0%,var(--am-navy) 52%,#0F1724 100%);
}

.brand-lockup strong,
.brand-copy h1,
.login-head h2,
.mobile-brand strong{
  font-family:var(--am-font-display);
}

.input-wrap input:focus{
  border-color:var(--am-navy);
  box-shadow:0 0 0 3px rgba(18,27,43,.08);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

.setup-form .field-label:not(:first-child){margin-top:19px}
.setup-form .form-error{margin-top:16px}
.setup-form .sign-in-btn{margin-top:4px}