.login-page{background:var(--color-bg);min-height:100vh;color:var(--color-text);justify-content:center;align-items:flex-start;padding:96px 24px 64px;display:flex}.login-card{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.login-logo{object-fit:contain;width:48px;height:48px;margin-bottom:8px}.login-card h1,.login-title{letter-spacing:0;color:var(--color-text);text-wrap:balance;margin:0;font-size:22px;font-weight:600;line-height:26px}.login-subtitle,.login-card>p:not(.login-switch){color:var(--color-text-secondary);margin:0 0 12px;font-size:16px;font-weight:400;line-height:24px}.login-subtitle{white-space:nowrap}.login-card>p.login-note{font-size:14px;font-weight:400;line-height:20px}.btn-google,.login-card form button[type=submit]{width:100%;height:40px;font-family:var(--font-body);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:4px 14px;font-size:15px;font-weight:500;transition:background-color .12s;display:inline-flex}.btn-google{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-google:hover{background:var(--color-accent)}.divider{height:auto;color:var(--color-text-secondary);background:0 0;align-items:center;gap:10px;margin:4px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-card form{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--color-text-secondary);margin-top:6px;font-size:12px;font-weight:500;line-height:16px}.login-card input[type=email],.login-card input[type=password]{border:1px solid var(--color-border);background:var(--color-bg);width:100%;height:44px;color:var(--color-text);font-family:var(--font-body);border-radius:6px;outline:none;padding:11px 12px;font-size:16px}.login-card input::placeholder{color:var(--color-text-secondary)}.login-card input:focus{border-color:var(--color-text-secondary);box-shadow:0 0 0 2px var(--color-outline)}.login-card form button[type=submit]{background:var(--color-button-bg);color:var(--color-on-button);border:1px solid #0000;margin-top:10px}.login-card form button[type=submit]:hover{background:var(--color-button-hover,var(--color-button-bg))}.login-card form button[type=submit]:disabled{opacity:.6;cursor:default}.login-error{color:var(--color-danger);margin:4px 0 0;font-size:14px}.login-forgot-link{color:var(--color-text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--color-link-underline,currentColor);text-decoration-color:var(--color-link-underline,currentColor);text-underline-offset:3px;align-self:flex-start;margin-top:4px;font-size:14px}.login-switch{color:var(--color-text-secondary);margin:16px 0 0;font-size:14px}.login-switch__link{font:inherit;color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-link-underline,currentColor);text-decoration-color:var(--color-link-underline,currentColor);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0}.login-switch__link:hover{text-decoration-color:currentColor}.login-card__companion{justify-content:flex-start;display:flex}.login-card__companion img,.login-card__companion svg{width:48px;height:auto}.site-header{z-index:10;position:absolute;top:16px;left:24px}.site-header__logo{border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.site-header__logo:hover{background:var(--color-accent)}@media (max-width:480px){.login-page{padding-top:72px}}.login-page{justify-content:center;padding-left:24px}