.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:0 24px;display:flex}.auth-title{color:#fff;text-align:center;font-size:17px;font-weight:600}.auth-sub{color:#ffffff73;text-align:center;margin-top:-6px;font-size:12.5px;line-height:1.5}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.auth-input{color:#fff;width:100%;font-size:14px;font-family:var(--font-sans);background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,background .15s}.auth-input::placeholder{color:#ffffff4d}.auth-input:focus{background:#ffffff1a;border-color:#ffffff59}.auth-input:disabled,.auth-input[readonly]{opacity:.55;cursor:not-allowed}.auth-btn{width:100%;color:var(--ink,#212322);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#fff;border:none;border-radius:12px;margin-top:4px;padding:12px 14px;transition:opacity .15s,transform .1s}.auth-btn:hover{opacity:.9}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{opacity:.5;cursor:default}.auth-btn.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff24;font-weight:500}.auth-btn.ghost:hover{background:#ffffff24}.auth-error{color:var(--red,#d07a94);text-align:center;background:#c0392b1f;border:1px solid #c0392b4d;border-radius:10px;padding:9px 12px;font-size:12.5px}.auth-ok{color:#7fd1b9;text-align:center;background:#1a936f1f;border:1px solid #1a936f4d;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.5}.auth-links{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.auth-link{color:#ffffff8c;cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:none}.auth-link:hover{color:#fff;text-decoration:underline}.auth-social-slot{display:none}.auth-divider{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.login-split{z-index:500;background:#f4f4f2;grid-template-columns:minmax(0,11fr) minmax(0,9fr);display:grid;position:fixed;inset:0}.login-hero{background:#1a1a1a;position:relative;overflow:hidden}.login-hero-img{object-fit:cover;object-position:center center;filter:grayscale()contrast(1.05);width:100%;height:100%;animation:2.4s cubic-bezier(.22,1,.36,1) both login-hero-in;position:absolute;inset:0}@keyframes login-hero-in{0%{opacity:.4;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.login-hero:after{content:"";background:linear-gradient(#0000 42%,#0000001f 62%,#0000008c 100%),linear-gradient(#00000047 0%,#0000 28%);position:absolute;inset:0}.login-hero-frame{z-index:2;pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:28px}.login-hero-brand{z-index:3;flex-direction:column;gap:8px;animation:.9s cubic-bezier(.22,1,.36,1) .2s both login-rise;display:flex;position:absolute;top:52px;left:56px}.login-hero-brand img{width:88px;height:auto}.login-hero-quote{z-index:3;animation:.9s cubic-bezier(.22,1,.36,1) .35s both login-rise;position:absolute;bottom:52px;left:56px;right:56px}.login-hero-quote-text{font-family:var(--font-sans);letter-spacing:-.02em;color:#fff;text-wrap:balance;max-width:14em;margin:0;font-size:clamp(22px,2.35vw,32px);font-weight:500;line-height:1.2}.login-hero-caption{letter-spacing:.24em;text-transform:uppercase;color:#ffffffb8;margin-top:14px;font-size:10px}.login-pane{background:#f7f7f5;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden}.login-pane:before{content:"";pointer-events:none;background-image:linear-gradient(#0000000b 1px,#0000 1px),linear-gradient(90deg,#0000000b 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.login-pane>*{position:relative}.login-brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:34px;display:none}.login-brand img{width:84px;height:auto}.login-brand-sub{letter-spacing:.28em;text-transform:uppercase;color:#21232273;font-size:10px}.login-hero-brand-sub{letter-spacing:.28em;text-transform:uppercase;color:#ffffffc7;font-size:10px}.login-heading{width:100%;max-width:380px;margin-bottom:28px;padding:0 24px;animation:.8s cubic-bezier(.22,1,.36,1) .15s both login-rise}.login-heading-kicker{letter-spacing:.22em;text-transform:uppercase;color:#8a8a88;align-items:center;gap:12px;margin-bottom:14px;font-size:10px;display:flex}.login-heading-kicker:before{content:"";background:#8a8a88;width:22px;height:1px}.login-heading-title{font-family:var(--font-display);letter-spacing:-.03em;color:#1a1a1a;font-size:clamp(30px,3vw,38px);font-weight:600;line-height:1.1}.login-split .auth-card{animation:.8s cubic-bezier(.22,1,.36,1) .3s both login-rise}.login-split .auth-label{color:#9a9a98;letter-spacing:.12em}.login-split .auth-input{color:#1a1a1a;background:#fff;border:1px solid #e2e2e0;border-radius:10px;padding:13px 14px}.login-split .auth-input::placeholder{color:#b0b0ae}.login-split .auth-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.login-split .auth-btn{color:#fff;background:#1a1a1a;border-radius:10px;margin-top:6px;padding:13px 14px;font-weight:600}.login-split .auth-btn:hover{opacity:.88}.login-split .auth-link{color:#6a6a68}.login-split .auth-link:hover{color:#1a1a1a}.login-split .auth-error{background:#c0392b14;border-color:#c0392b47}.login-foot{letter-spacing:.2em;text-transform:uppercase;color:#b5b5b3;margin-top:48px;font-size:10px;animation:.8s cubic-bezier(.22,1,.36,1) .5s both login-rise}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login-hero-img,.login-hero-brand,.login-hero-quote,.login-heading,.login-split .auth-card,.login-foot{animation:none}}@media (max-width:880px){.login-split{grid-template-columns:1fr}.login-hero{display:none}.login-brand{display:flex}}@media (min-width:881px) and (max-width:1100px){.login-hero-frame{inset:20px}.login-hero-brand,.login-hero-quote{left:40px;right:40px}.login-hero-brand{top:40px}.login-hero-quote{bottom:40px}}