.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;font-family:var(--login-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);color:var(--login-text, #1a2027)}.login *,.login *:before,.login *:after{box-sizing:border-box}.login-card{width:100%;max-width:340px;display:grid;gap:14px;padding:clamp(22px,6vw,32px);background:var(--login-card-bg, #ffffff);border:1px solid var(--login-card-border, #e4e8ed);border-radius:var(--login-radius, 16px);box-shadow:var(--login-card-shadow, 0 12px 32px rgba(16, 24, 40, .12))}.login-badge{justify-self:center;width:60px;height:60px;display:grid;place-items:center;font-size:30px;line-height:1;border-radius:var(--login-badge-radius, 18px);background:var(--login-badge-bg, rgba(79, 70, 229, .12))}.login-title{margin:0 0 2px;text-align:center;font-family:var(--login-title-font, inherit);font-size:var(--login-title-size, 24px);font-weight:var(--login-title-weight, 800);letter-spacing:-.02em;color:var(--login-title-color, var(--login-text, #1a2027))}.login-notice{margin:0;padding:11px 13px;font-size:14px;line-height:1.45;text-align:center;color:var(--login-title-color, var(--login-text, #1a2027));background:var(--login-badge-bg, rgba(79, 70, 229, .12));border-radius:var(--login-input-radius, 10px)}.login-form{display:grid;gap:10px}.login-input{width:100%;font:inherit;color:var(--login-input-text, var(--login-text, #1a2027));background:var(--login-input-bg, #f4f6f8);border:1px solid var(--login-input-border, #e4e8ed);border-radius:var(--login-input-radius, 10px);padding:11px 13px}.login-input::placeholder{color:var(--login-text-dim, #9aa6b2)}.login-input:focus{outline:2px solid var(--login-accent, #4f46e5);outline-offset:1px;border-color:transparent}.login-btn{font:inherit;font-weight:600;border-radius:var(--login-input-radius, 10px);padding:11px 16px;cursor:pointer;border:1px solid transparent;text-align:center;transition:background-color .15s ease,border-color .15s ease}.login-submit{background:var(--login-accent, #4f46e5);color:var(--login-accent-text, #ffffff)}.login-submit:hover{background:var(--login-accent-strong, #4338ca)}.login-google{background:var(--login-google-bg, #ffffff);color:var(--login-google-text, var(--login-text, #1a2027));border-color:var(--login-google-border, #e4e8ed)}.login-google:hover{border-color:var(--login-accent, #4f46e5)}.login-divider{display:flex;align-items:center;gap:12px;color:var(--login-text-dim, #9aa6b2);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--login-card-border, #e4e8ed)}.login-switch{justify-self:center;background:none;border:none;color:var(--login-link, var(--login-accent, #4f46e5));cursor:pointer;padding:2px;font:inherit;font-size:14px}.login-switch:hover{text-decoration:underline}.login-msg{margin:0;font-size:14px;line-height:1.5;text-align:center}.login-info{color:var(--login-success, #059669)}.login-error{color:var(--login-error, #dc2626)}@media (prefers-reduced-motion: reduce){.login-btn{transition:none}}