:root{--mer-yellow:#f5c400;--mer-bg:#070707;--mer-panel:#101010;--mer-line:rgba(255,255,255,.1)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.auth-page{background:radial-gradient(circle at 12% 12%,rgba(245,196,0,.10),transparent 32%),#070707;color:#f7f7f7;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.auth-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}
.auth-presentation{padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.auth-panel{display:grid;place-items:center;padding:clamp(20px,4vw,56px);border-left:1px solid var(--mer-line);background:rgba(255,255,255,.018);backdrop-filter:blur(18px)}
.auth-card{width:min(100%,460px);padding:clamp(24px,4vw,40px);border:1px solid rgba(245,196,0,.22);border-radius:28px;background:linear-gradient(160deg,rgba(24,24,24,.96),rgba(10,10,10,.98));box-shadow:0 24px 90px rgba(0,0,0,.5)}
.auth-input-wrap{min-height:54px;border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.auth-input-wrap:focus-within{border-color:rgba(245,196,0,.7);box-shadow:0 0 0 4px rgba(245,196,0,.10);transform:translateY(-1px)}
.auth-submit{min-height:54px;border-radius:14px;transition:transform .2s,filter .2s}
.auth-submit:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06)}
.auth-submit:disabled{cursor:wait;opacity:.72}
.auth-error:not(:empty){padding:11px 12px;border:1px solid rgba(255,91,91,.3);border-radius:12px;background:rgba(255,91,91,.08)}
.auth-session-check{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#070707;color:#fff;font-weight:700;letter-spacing:.04em}
.auth-session-check::after{content:"";width:28px;height:28px;margin-left:12px;display:inline-block;border:3px solid rgba(255,255,255,.2);border-top-color:var(--mer-yellow);border-radius:50%;animation:merSpin .75s linear infinite}
@keyframes merSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.auth-layout{grid-template-columns:1fr}.auth-presentation{display:none}.auth-panel{min-height:100dvh;border-left:0;padding:22px}.auth-card{border-radius:22px}}
@media(max-width:520px){.auth-panel{padding:14px}.auth-card{padding:22px 18px;border-radius:18px}.auth-card-head h2{font-size:1.55rem}.auth-description{font-size:.9rem}.auth-input-wrap{min-height:52px}}