:root{--brand-primary:#0d3749;--brand-secondary:#f9d36b;--brand-logo-card:#f0f5f8;--brand-primary-rgb:13,55,73;--brand-secondary-rgb:249,211,107;--surface:#f7f9fb;--surface-container-low:#f2f4f6;--surface-container-lowest:#fff;--on-surface:#191c1e;--on-surface-variant:#464652;--outline-variant:#c7c5d426}.login-page{background-color:var(--login-page-bg,var(--brand-primary));min-height:100vh;color:var(--on-surface);background-image:radial-gradient(circle at 0 0,#ffffff24 0%,#0000 34%),radial-gradient(circle at 100% 100%,#ffffff1a 0%,#0000 30%),linear-gradient(#00000014 0%,#0000 38%);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(72px);z-index:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#ffffff14 0%,#0000 36%),radial-gradient(circle at 80% 70%,#ffffff0f 0%,#0000 34%);width:100%;height:100%;position:absolute}.login-card{z-index:1;width:min(440px,100%);color:var(--on-surface);background:#fff;border:1px solid #ffffffeb;border-radius:32px;flex-direction:column;gap:2rem;padding:3rem 2.5rem;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -1px #0000001f}.login-card__header{text-align:center}.login-logo-container{background:var(--brand-logo-card);border-radius:16px;justify-content:center;align-items:center;width:140px;height:80px;margin:0 auto 1.5rem;padding:.5rem;transition:all .3s;display:flex;overflow:hidden}.login-logo-container img{object-fit:contain;max-width:100%;max-height:100%}.login-logo-container__placeholder{max-width:100%;color:var(--brand-primary);text-align:center;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.3}.login-card__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--brand-primary);opacity:.8;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.login-card__header h1{color:var(--on-surface);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}.login-card__header p{color:var(--on-surface-variant);margin:.5rem 0 0;font-size:.9375rem;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-field span{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin-left:.25rem;font-size:.75rem;font-weight:700}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-field input{background:var(--surface-container-high,#e0e3e5);width:100%;color:var(--on-surface);border:1px solid #0000;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.login-field input:focus{background:var(--surface-container-lowest);border-color:rgba(var(--brand-primary-rgb),.2);box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.05);outline:none}.login-field__password{width:100%;position:relative}.login-toggle{color:var(--brand-primary);cursor:pointer;opacity:.7;background:0 0;border:none;padding:.5rem;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login-toggle:hover{opacity:1}.login-error{color:#c53030;background:#fff5f5;border-radius:12px;align-items:center;gap:.5rem;margin:0;padding:1rem;font-size:.875rem;font-weight:500;display:flex}.login-submit{background:var(--login-card-button-bg,var(--brand-secondary));color:var(--login-card-button-fg,#191c1e);cursor:pointer;box-shadow:0 4px 12px rgba(var(--brand-secondary-rgb),.2);border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-submit:hover:not(:disabled){box-shadow:0 8px 20px rgba(var(--brand-secondary-rgb),.3);filter:brightness(.95);transform:translateY(-2px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.login-card__footer{text-align:center;margin-top:.5rem}.login-card__footer span{color:var(--on-surface-variant);opacity:.7;font-size:.875rem}@media (max-width:480px){.login-card{border-radius:24px;padding:2rem 1.5rem}.login-card__header h1{font-size:1.75rem}}