body,html{background:var(--color-bg)!important;overscroll-behavior:none;overflow:hidden;margin:0;padding:0;height:100%}.login-root{height:100dvh;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}.login-root,.login-visual{overflow:hidden;display:flex}.login-visual{flex:1;background:var(--color-text);flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:48px;position:relative;min-height:400px}@media(max-width:768px){.login-visual{display:none}}.login-visual-bg{position:absolute;inset:0;background-image:url(/login-hero.webp);background-size:cover;background-position:50%;opacity:.32}.login-visual-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,9,8,.4),rgba(10,9,8,.85))}.login-visual-content{position:relative;z-index:2}.login-visual-brand{font-family:var(--font-heading);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,238,233,.45);margin-bottom:32px}.login-visual-headline{font-family:var(--font-display);font-size:clamp(28px,3.5vw,48px);font-weight:300;line-height:1.3;letter-spacing:.02em;color:var(--color-bg);margin-bottom:20px}.login-visual-body{font-size:13px;font-weight:300;line-height:1.9;color:rgba(240,238,233,.55);max-width:340px}.login-form-panel{width:480px;min-width:320px;height:100dvh;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--color-bg)}@media(max-width:768px){.login-form-panel{width:100%;height:100svh;overflow-y:auto;padding:24px 20px;align-items:flex-start}}.login-form-inner{width:100%;max-width:380px}.login-logo-area{margin-bottom:48px}@media(max-width:768px){.login-logo-area{margin-bottom:24px}}.login-logo{font-family:var(--font-heading);font-size:22px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);text-decoration:none;display:block;margin-bottom:6px}.login-form-heading{font-family:var(--font-display);font-size:32px;font-weight:300;letter-spacing:.02em;color:var(--color-text);margin-bottom:36px}@media(max-width:768px){.login-form-heading{font-size:26px;margin-bottom:20px}}.login-field{margin-bottom:20px}.login-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px}.login-input{width:100%;padding:14px 16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:14px;font-size:14px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:var(--font-body);min-height:48px}.login-input:focus{border-color:var(--color-text);box-shadow:0 0 0 4px rgba(10,9,8,.06)}.login-input::-moz-placeholder{color:rgba(10,9,8,.3)}.login-input::placeholder{color:rgba(10,9,8,.3)}.login-submit{width:100%;padding:12px 24px;background:var(--color-text);color:var(--color-bg);border:1px solid var(--color-text);border-radius:999px;font-size:12px;letter-spacing:.04em;cursor:pointer;margin-top:8px;transition:var(--transition-base);font-family:var(--font-body);min-height:44px}.login-submit:hover{background:transparent;color:var(--color-text)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-toggle{text-align:center;margin-top:28px}.login-toggle-btn{font-size:12px;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;letter-spacing:.04em;transition:color var(--transition-fast);text-decoration:underline;text-underline-offset:3px;font-family:var(--font-body)}.login-toggle-btn:hover{color:var(--color-text)}.login-message-wrap{height:52px;margin-bottom:8px;display:flex;align-items:center;overflow:hidden}.login-message{width:100%;padding:12px 16px;border-radius:14px;font-size:12px;letter-spacing:.04em;line-height:1.5;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.login-message.visible{visibility:visible;opacity:1}.login-message.error{background:rgba(180,40,40,.06);border:1px solid rgba(180,40,40,.15);color:var(--color-danger)}.login-message.success{background:rgba(40,120,40,.06);border:1px solid rgba(40,120,40,.15);color:var(--color-success)}.login-forgot-btn{font-size:11px;letter-spacing:.04em;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);text-decoration:underline;text-underline-offset:3px;padding:0;font-family:var(--font-body)}.login-forgot-btn:hover{color:var(--color-text)}.login-footer{margin-top:40px;text-align:center;font-size:10px;letter-spacing:.1em;color:var(--color-text-light)}