:root{--color-primary:#2d5a47;--color-primary-hover:#244a3a;--color-bg:#fff;--color-surface:#f3f4f6;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-footer-bg:#f9fafb;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body.login-page{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-family);line-height:1.5}.login-layout{flex-direction:column;min-height:100vh;display:flex}.login-header{border-bottom:1px solid var(--color-border);background-color:#f2f3f4;flex-shrink:0;padding:1.25rem 2rem}.login-header__brand{letter-spacing:.04em;color:var(--color-primary);font-size:1.2rem;font-weight:800}.login-main{background-color:var(--color-bg);flex:1;min-height:0;display:flex}.login-hero{background-color:#1a3a2e;flex:0 0 44%;min-height:20rem;position:relative;overflow:hidden}.login-hero__bg{object-fit:cover;object-position:center center;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1)}.login-hero__overlay{z-index:1;text-align:center;background:#142d4694;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.login-hero__title{color:#fff;letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.login-hero__subtitle{color:#ffffffe6;max-width:22rem;margin-top:.75rem;font-size:1rem}.login-form-panel{background-color:var(--color-bg);flex:0 0 56%;justify-content:center;align-items:center;padding:2.5rem 2rem;display:flex}.login-form-panel__content{width:100%;max-width:26rem}.login-form-panel__header{margin-bottom:2rem}.login-form-panel__title{color:var(--color-text);letter-spacing:-.02em;font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;line-height:1.25}.login-form-panel__subtitle{color:var(--color-text-secondary);margin-top:.5rem;font-size:.9375rem}.login-errors{color:var(--color-error);background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;list-style:none}.login-errors li+li{margin-top:.25rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-field__label{color:var(--color-text);font-size:.875rem;font-weight:600}.login-field__input{width:100%;color:var(--color-text);background-color:var(--color-surface);border:2px solid var(--color-border);box-shadow:none;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .15s,background-color .15s}.login-field__input::placeholder{color:var(--color-text-muted)}.login-field__input:focus{border-color:var(--color-primary);box-shadow:none;background-color:#f4faf7;outline:none}.login-field__input--error{border-color:var(--color-error)}.login-field__error{color:var(--color-error);font-size:.8125rem}.login-submit{color:#fff;background-color:var(--color-primary);cursor:pointer;border:none;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.8125rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,transform .1s}.login-submit:hover{background-color:var(--color-primary-hover)}.login-submit:active{transform:scale(.98)}.login-submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-footer{border-top:1px solid var(--color-border);background-color:#f2f3f4;flex-shrink:0;padding:.875rem 2rem}.login-footer__brand{letter-spacing:.08em;color:var(--color-text-secondary);font-size:.75rem;font-weight:600}@media (width<=768px){.login-hero{display:none}.login-form-panel{flex:auto;padding:2rem 1.5rem 2.5rem}.login-header,.login-footer{padding-left:1.5rem;padding-right:1.5rem}}