.login-wrap{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);background:#0e1a3a;color:var(--ink-900);overflow:hidden}.login-panel{position:relative;z-index:1;display:grid;place-items:center;padding:clamp(24px,5vw,48px);background:radial-gradient(520px 240px at 100% 0,rgba(230,200,106,.16),transparent 62%),linear-gradient(180deg,#101c40,#0e1a3a 70%)}.login-card{width:min(420px,100%);display:grid;grid-gap:14px;gap:14px;padding:clamp(24px,4vw,36px);border-radius:24px;background:rgba(244,247,251,.94);border:1px solid rgba(230,200,106,.38);box-shadow:0 28px 64px rgba(8,14,32,.35);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);animation:login-rise .7s cubic-bezier(.22,1,.36,1) .12s both}.login-card.is-shake{animation:login-shake .42s ease}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px;text-decoration:none;color:inherit}.login-brand .brand-mark{width:44px;height:44px;background:#0e1a3a;color:var(--gold-500)}.login-brand strong{display:block;font-size:17px;font-weight:800;color:var(--ink-900);line-height:1.2}.login-brand em{font-style:normal;font-weight:600;color:var(--ink-700)}.login-brand small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:var(--gold-700)}.login-card h1{margin:0;font-size:clamp(24px,3vw,30px);font-weight:800;color:var(--ink-900)}.login-lede{margin:-4px 0 6px;color:var(--ink-500);font-size:14.5px;font-weight:500}.login-field{display:grid;grid-gap:6px;gap:6px}.login-field>span{font-size:13px;font-weight:700;color:var(--ink-700)}.login-field input{width:100%;height:46px;padding:0 14px;border:1px solid var(--border-strong);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--ink-900);transition:border-color .2s ease,box-shadow .2s ease}.login-field input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(230,200,106,.28)}.login-field input:disabled{background:var(--sand-50);color:var(--ink-400)}.login-pass{position:relative;display:block}.login-pass input{-webkit-padding-end:46px;padding-inline-end:46px}.login-eye{position:absolute;inset-inline-end:6px;inset-block-start:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-500);cursor:pointer;border-radius:10px}.login-eye:hover{color:var(--ink-900);background:var(--sand-100)}.login-error{margin:0;padding:10px 12px;border-radius:10px;background:var(--danger-100);color:var(--danger-700);font-size:13.5px;font-weight:700}.login-submit{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:4px;border:1px solid rgba(247,232,180,.7);border-radius:999px;background:var(--gold-shine);color:#0e1a3a;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(230,200,106,.32),inset 0 1px 0 rgba(255,255,255,.45)}.login-submit:hover:not(:disabled) .login-submit-spark{animation:login-shine .75s ease-out}.login-submit:disabled{opacity:.72;cursor:wait}.login-submit-ico,.login-submit>span:not(.login-submit-spark){position:relative;z-index:1}.login-submit-spark{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.45) 50%,transparent 68%);transform:translateX(130%)}.login-back{justify-self:center;margin-top:4px;font-size:13.5px;font-weight:700;color:var(--brand-700);text-decoration:none}.login-back:hover{color:var(--gold-700)}.login-stage{position:relative;min-height:100dvh;overflow:hidden}.login-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 42%;animation:login-settle 1.5s cubic-bezier(.22,1,.36,1) both}.login-stage-veil{position:absolute;inset:0;background:linear-gradient(270deg,rgba(14,26,58,.08),rgba(14,26,58,.42)),linear-gradient(180deg,rgba(14,26,58,.08),transparent 36%,rgba(14,26,58,.72))}.login-stage-copy{position:absolute;inset-inline-end:clamp(24px,4vw,48px);inset-block-end:clamp(28px,6vh,56px);z-index:1;max-width:28ch;color:#f4f7fb;animation:login-rise .8s cubic-bezier(.22,1,.36,1) .35s both}.login-stage-copy span{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:800;color:var(--gold-500)}.login-stage-copy h2{margin:0 0 8px;font-size:clamp(28px,3.4vw,40px);font-weight:800;text-shadow:0 12px 36px rgba(14,26,58,.45)}.login-stage-copy p{margin:0;color:rgba(244,247,251,.82);font-size:16px;font-weight:500}@keyframes login-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes login-settle{0%{transform:scale(1.08);filter:saturate(.86) brightness(.92)}to{transform:scale(1);filter:none}}@keyframes login-shake{20%,60%{transform:translateX(7px)}40%,80%{transform:translateX(-7px)}}@keyframes login-shine{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}@media (max-width:860px){.login-wrap{grid-template-columns:1fr}.login-stage{position:absolute;inset:0;min-height:0}.login-stage-copy{display:none}.login-stage-veil{background:linear-gradient(180deg,rgba(14,26,58,.28),rgba(14,26,58,.72) 55%,rgba(14,26,58,.88))}.login-panel{min-height:100dvh;background:transparent;padding-block:max(32px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-bottom,0px))}.login-card{background:rgba(244,247,251,.92)}}@media (prefers-reduced-motion:reduce){.login-card,.login-stage img,.login-stage-copy,.login-submit-spark{animation:none!important}}