.login-page{min-height:100vh;padding:var(--space-20);background:var(--bg-page-deep);justify-content:center;align-items:center;display:flex}.login-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#151b28e6;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:420px;padding:clamp(32px,5vw,48px)}.login-title{font-family:var(--font-heading-stack);color:var(--kobber-100);margin-bottom:8px;font-size:clamp(28px,3vw + 20px,40px)}.login-subtitle{color:var(--kobber-200);font-size:var(--body-s);line-height:var(--lh-150);margin-bottom:24px}.login-error{color:#f9e3e1;font-size:var(--body-s);background:#c6382c26;border:1px solid #c6382c80;border-radius:8px;margin-bottom:16px;padding:10px 14px}.login-form{flex-direction:column;gap:12px;display:flex}.login-input-wrap{position:relative}.login-toggle{width:36px;height:36px;color:var(--kobber-200);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-toggle:hover,.login-toggle:focus-visible{color:var(--kobber-100);background:#ffffff0f}.login-input{border:1px solid var(--kobber-200);width:100%;color:var(--neutral-white);font-family:var(--font-body);font-size:var(--body-m);transition:border-color var(--transition-fast);background:#ffffff0a;border-radius:8px;padding:14px 48px 14px 16px}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{outline:2px solid var(--kobber-300);outline-offset:1px;border-color:var(--kobber-300)}.login-submit{justify-content:center;padding:12px 20px}