.login-page{min-height:100svh;display:flex;flex-direction:column}
.login-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 4%;position:relative;z-index:1}
.home-link{display:flex;align-items:center;gap:10px;min-height:44px;font:11px 'SFMono-Regular',Consolas,monospace}
.home-link:hover,.text-button:hover,.code-actions a:hover{color:var(--accent)}
.login-layout{display:grid;grid-template-columns:minmax(380px,42%) minmax(0,1fr);align-items:center;flex:1;width:min(1440px,100%);margin:auto;position:relative;padding:42px 5% 72px 10%;gap:5%}
.login-content{width:100%;max-width:365px;position:relative;z-index:1}
.login-content .eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:.13em}
.login-content h1{font-size:38px;line-height:1.25;letter-spacing:-1.8px;margin-bottom:18px}
.login-intro{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 32px}
.email-address{font-weight:500;overflow-wrap:anywhere;color:var(--ink)}
.google-button,.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:52px;width:100%;border-radius:4px;font:500 13px 'Helvetica Neue',Helvetica,Arial,sans-serif;transition:background .15s,border-color .15s;cursor:pointer}
.google-button{border:1px solid #a4a397;background:transparent}
.google-button:hover{background:#e7e0d3;border-color:#686e60}
.google-button:active{background:#ddd6c9}
.divider{display:flex;align-items:center;gap:17px;margin:27px 0;color:#64665b;font:10px 'SFMono-Regular',Consolas,monospace}
.divider:before,.divider:after{content:'';height:1px;background:#c9c3b6;flex:1}
.login-form label{display:block;font-size:12px;font-weight:500;margin-bottom:10px}
.login-form input:not([type=hidden]){display:block;width:100%;min-height:52px;background:#f5f0e7;border:1px solid #b2b0a3;border-radius:4px;padding:13px 15px;color:var(--ink);font:16px 'Helvetica Neue',Helvetica,Arial,sans-serif;box-shadow:none;outline-offset:3px}
.login-form input::placeholder{color:#737469;font-size:14px}
.login-form input:hover{border-color:#707667}
.login-form input:focus-visible,.login-page button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.login-form input[aria-invalid=true]{border-color:#943b2a}
.field-help{font-size:11px;line-height:1.6;color:#5e6356;margin:10px 0 21px}
.primary-button{border:1px solid #292d29;background:#292d29;color:#f4f2ed;justify-content:space-between;padding:0 18px}
.primary-button:hover{background:#444d3f;border-color:#444d3f}
.primary-button:active{background:#1c211b}
.primary-button:disabled{background:#555d4f;border-color:#555d4f;cursor:wait}
.primary-button span{font-size:19px;font-weight:400}
.login-form .code-input{letter-spacing:.35em;font-size:24px;font-variant-numeric:tabular-nums;padding-left:18px}
.code-actions{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:14px;font-size:12px}
.code-actions a,.text-button{min-height:44px;display:inline-flex;align-items:center}
.text-button{border:0;padding:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.text-button:disabled{color:#65695e;cursor:default}
.form-message{padding:12px 14px;margin:0 0 22px;border-left:2px solid #5d7550;background:#e6e8d9;font-size:13px;line-height:1.6}
.form-message.error{border-color:#943b2a;color:#762f23;background:#ece0d5}
.access-note{color:#66695d;font:10px/1.6 'SFMono-Regular',Consolas,monospace;margin:30px 0 0}
.login-art{min-width:0;align-self:stretch;position:relative;min-height:440px}
.login-art canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.login-footer{padding:0 4% 25px;color:var(--muted);font:10px/1.6 'SFMono-Regular',Consolas,monospace}
.preview-notice{font:11px/1.5 'SFMono-Regular',Consolas,monospace;padding:12px 4%;background:#dedbce;color:#3d4336;border-top:1px solid #c8c6b7}
@media(min-width:1500px){.login-layout{padding-left:8%;gap:8%}}
@media(max-width:900px){.login-layout{grid-template-columns:minmax(320px,50%) minmax(0,1fr);padding-left:7%;gap:3%}.login-content h1{font-size:34px}}
@media(max-width:640px){.login-header{padding:17px 6%;gap:16px}.login-header .brand{font-size:18px}.home-link{font-size:10px}.login-layout{display:block;padding:43px 7% 34px}.login-content{max-width:390px;margin:0 auto}.login-content h1{font-size:32px;letter-spacing:-1.4px}.login-intro{margin-bottom:27px}.login-art{height:160px;min-height:160px;margin:18px -4% 0}.login-footer{padding:0 7% 24px}.preview-notice{padding:12px 7%}.access-note{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.google-button,.primary-button{transition:none}}