:root{color-scheme:dark;--ink:#101f19;--paper:#fffdf7;--muted:#c0c9c2;--gold:#edc668;--line:#ffffff29}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}
.entry-header{padding:12px clamp(24px,4.45vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{width:200px;height:auto;display:block;mix-blend-mode:screen}
.preview-label,.eyebrow,.place{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.preview-label{color:var(--gold);white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:28px}.language-switch{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.language-switch button{background:none;border:0;color:var(--muted);min-height:44px;min-width:34px;font:inherit}.language-switch button[aria-pressed=true]{color:var(--gold);text-decoration:underline;text-underline-offset:5px}.mode-switch{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 0 22px}.mode-switch button{border:0;border-bottom:2px solid transparent;padding:10px 0;background:none;color:var(--muted);font-size:13px;min-height:44px}.mode-switch button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.password-help{font-size:11px;color:var(--muted);margin:-10px 0 20px}.submit :is(#submit-label,#signup-submit-label){font-size:14px;line-height:1.4}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}
main{max-width:1200px;margin:auto;padding:30px clamp(24px,4vw,56px);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(36px,5vw,70px)}
.eyebrow{color:var(--gold);margin:0 0 16px;font-weight:500}
h1,h2{font-family:'Newsreader',Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0}
h1{font-size:clamp(44px,4.2vw,60px)}
h1 em{font-weight:400;color:var(--gold)}
.intro{font-size:16px;line-height:1.65;max-width:430px;color:#e0e5df;margin:20px 0 0}
.place{color:var(--muted);margin:24px 0 0;letter-spacing:.13em}.place span{padding:0 8px}
.sign-in{border-left:1px solid var(--line);padding-left:clamp(28px,3vw,44px)}
.sign-in .eyebrow{display:none}
h2{font-size:36px;letter-spacing:-.035em}
.form-intro{color:var(--muted);margin:10px 0 12px;font-size:13px;line-height:1.6}
label{display:block;font-size:13px;font-weight:500}
input{display:block;width:100%;height:46px;border:1px solid #ffffff54;background:#ffffff04;border-radius:2px;padding:10px 12px;color:var(--paper);font:inherit;margin:5px 0 12px;outline-offset:4px}
input:focus{border-color:var(--gold)}
.password-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}
button,a{-webkit-tap-highlight-color:transparent}
button{font-family:inherit;cursor:pointer}
.text-button{color:var(--muted);background:none;border:0;padding:0;font-size:12px;min-height:32px;text-decoration:underline;text-underline-offset:4px}
.text-button:hover,a:hover{color:var(--gold)}
.submit{width:100%;min-height:52px;background:var(--gold);color:var(--ink);border:1px solid var(--gold);border-radius:2px;padding:14px 19px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}
.submit:hover{background:#f6d78e}.submit span{font-size:21px;line-height:1}
#confirmation-panel{padding:8px 0 20px}#confirmation-message{color:var(--muted);font-size:14px}#continue-website{text-decoration:none}
.recovery{display:block;margin:10px auto 0;min-height:44px}
.status:empty{display:none}.status{color:var(--gold);font-size:13px;line-height:1.65;margin:12px 0 20px}
.confidential{border-top:1px solid var(--line);padding-top:12px;margin:10px 0 8px;color:#d0d7d0;font-size:12px;line-height:1.6}
.tracking{color:var(--muted);font-size:11px;line-height:1.6;margin:0}
footer{border-top:1px solid var(--line);padding:14px clamp(24px,4.45vw,80px);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
footer a{color:inherit;text-decoration:none}
.review-note{background:#182b22;border-top:1px solid var(--line);padding:10px clamp(24px,4.45vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}
.review-note p{margin:0;max-width:780px}.review-note strong{color:var(--paper);font-weight:500}.review-note a{color:var(--gold);white-space:nowrap;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;gap:16px}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.mode-switch{margin-bottom:14px}.password-help{margin:-3px 0 12px}.submit{min-height:46px;padding:10px 16px}.recovery{margin-top:2px}
@media(max-width:900px){main{gap:32px;padding:28px 24px}.sign-in{padding-left:28px}h1{font-size:45px}.intro{font-size:15px}.brand{width:185px}}
@media(max-width:640px){.entry-header{padding:10px 20px;gap:12px}.brand{width:160px}.preview-label{font-size:9px;letter-spacing:.09em}main{display:block;padding:24px 20px}.welcome>.eyebrow,.place{display:none}h1{font-size:37px;line-height:1.05}h1 br{display:none}h1 em{display:block}.intro{font-size:14px;line-height:1.6;margin-top:12px}.sign-in{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}h2{font-size:29px}.form-intro{font-size:13px;margin:8px 0 10px}input{font-size:16px}.confidential{margin-top:8px}footer{flex-wrap:wrap;gap:6px;padding:12px 20px}.review-note{display:block;padding:12px 20px}.review-note a{margin-top:4px;white-space:normal}}
@media(max-width:350px){.brand{width:145px}h1{font-size:33px}.preview-label{font-size:8px}.entry-header{padding-inline:18px}main{padding-inline:18px}}
@media(max-width:640px){.header-actions{gap:4px;flex-direction:column;align-items:flex-end}.language-switch{gap:2px}.language-switch button{min-height:30px;min-width:30px}.preview-label{font-size:8px}.password-heading{gap:6px}.text-button{font-size:11px}}
