:root{color-scheme:dark;--brand:#6b1d37;--brand-strong:#4b1025;--gold:#d2b16f;--text:#fff;--muted:#e8e8ec}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#111827}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:clamp(1rem,4vw,3rem);isolation:isolate}.login-slides,.login-overlay{position:fixed;inset:0}.login-slides{z-index:-3;background:#111827}.login-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 1.25s ease,transform 7s ease}.login-slide.is-visible{opacity:1;transform:scale(1)}.login-overlay{z-index:-2;background:linear-gradient(115deg,rgba(16,10,14,.84),rgba(31,13,21,.64) 46%,rgba(10,18,24,.72))}.login-overlay::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(210,177,111,.15),transparent 34%),linear-gradient(to top,rgba(0,0,0,.36),transparent 50%)}.login-shell{width:min(100%,29rem)}.login-card{padding:clamp(1.6rem,4vw,2.6rem);border:1px solid rgba(255,255,255,.22);border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));box-shadow:0 28px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.login-brand{text-align:center;margin-bottom:1.75rem}.login-logo-wrap{width:min(100%,17rem);margin:0 auto 1.1rem;padding:.65rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(0,0,0,.18)}.login-logo{display:block;width:100%;height:auto}.login-title{margin:0;font-size:clamp(1.65rem,5vw,2.15rem);line-height:1.08;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.4)}.login-subtitle{margin:.8rem auto 0;max-width:23rem;color:var(--muted);font-size:.76rem;line-height:1.55;letter-spacing:.1em;text-transform:uppercase}.login-alert{margin:0 0 1rem;padding:.8rem 1rem;border-radius:.7rem;font-size:.88rem}.login-alert.error{color:#fff1f2;background:rgba(153,27,27,.68);border:1px solid rgba(254,202,202,.36)}.login-alert.success{color:#ecfdf5;background:rgba(6,95,70,.68);border:1px solid rgba(167,243,208,.34)}.login-form{display:grid;gap:1rem}.field-label{display:block;margin-bottom:.42rem;color:#f4f4f5;font-size:.83rem;font-weight:600}.field-control{position:relative}.field-icon{position:absolute;left:.9rem;top:50%;width:1.15rem;height:1.15rem;transform:translateY(-50%);color:rgba(255,255,255,.72);pointer-events:none}.field-input{width:100%;min-height:3.15rem;padding:.75rem 2.8rem .75rem 2.75rem;border:1px solid rgba(255,255,255,.3);border-radius:.72rem;outline:none;color:#fff;background:rgba(255,255,255,.1);font:inherit;transition:.2s}.field-input::placeholder{color:rgba(255,255,255,.55)}.field-input:focus{border-color:var(--gold);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(210,177,111,.2)}.password-toggle{position:absolute;top:50%;right:.55rem;width:2.15rem;height:2.15rem;transform:translateY(-50%);border:0;border-radius:.55rem;color:#fff;background:transparent;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:rgba(255,255,255,.13);outline:none}.password-toggle svg{width:1.15rem;height:1.15rem}.login-submit{min-height:3.15rem;margin-top:.35rem;border:1px solid rgba(255,255,255,.15);border-radius:.72rem;color:#fff;background:linear-gradient(135deg,#7d2947,var(--brand-strong));box-shadow:0 12px 25px rgba(56,7,26,.32);font:inherit;font-weight:700;cursor:pointer;transition:.2s}.login-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.login-submit:focus-visible{outline:3px solid rgba(210,177,111,.6);outline-offset:2px}.login-caption{margin:1rem 0 0;text-align:center;color:rgba(255,255,255,.66);font-size:.72rem}@media(max-width:520px){.login-page{padding:.8rem}.login-card{border-radius:1rem}.login-logo-wrap{width:13rem}.login-subtitle{font-size:.68rem}}@media(prefers-reduced-motion:reduce){.login-slide,.login-submit{transition:none}}