:root{color-scheme:light dark;--navy:#173044;--paper:#f1eadc;--cream:#fffaf0;--ink:#17242c;--sand:#9b543d;--amber:#edae49;--sage:#6c8065;--line:#d7cbb8;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--ink);min-height:100dvh}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:0}.login-card{background:var(--paper);min-height:100dvh;width:100%;overflow:hidden}.postcard-art{height:29vh;min-height:190px;position:relative;background:#7db0c5;overflow:hidden}.sun{position:absolute;width:72px;height:72px;border-radius:50%;background:var(--amber);right:12%;top:14%}.mountain{position:absolute;left:-10%;bottom:-15%;width:75%;height:88%;background:#55747b;clip-path:polygon(0 100%,45% 18%,58% 51%,72% 29%,100% 100%)}.mountain.front{left:31%;width:85%;height:80%;background:var(--sand);clip-path:polygon(0 100%,40% 17%,52% 41%,62% 28%,100% 100%)}.road{position:absolute;bottom:-10%;left:41%;width:21%;height:72%;background:var(--cream);clip-path:polygon(43% 0,58% 0,100% 100%,0 100%);transform:rotate(-2deg)}.login-copy{padding:28px clamp(22px,7vw,52px) 48px;max-width:580px;margin:auto}.mark{float:right}.dates{color:var(--sand);font-weight:700;margin:4px 0 9px}h1{font:700 clamp(2.25rem,10vw,4rem)/1 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:0 0 14px;max-width:9ch}.lede{font-size:1rem;line-height:1.62;margin:0 0 28px;max-width:42ch}fieldset{border:0;padding:0;margin:0 0 20px}legend,.pass-label{font-weight:700;font-size:.86rem;margin-bottom:9px;display:block}.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.who-grid input{position:absolute;opacity:0}.who-grid span{height:50px;border:1.5px solid var(--line);border-radius:8px;display:grid;place-items:center;background:var(--cream);font-weight:700}.who-grid input:checked+span{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 0 0 3px color-mix(in srgb,var(--navy) 20%,transparent)}input[type=password]{width:100%;height:52px;border:1.5px solid #a99e8e;border-radius:8px;background:var(--cream);color:var(--ink);padding:0 14px;font-size:1.1rem;margin-bottom:14px}button{width:100%;height:54px;border:0;border-radius:8px;background:var(--sand);color:white;font-weight:800;font-size:1rem;cursor:pointer}button:disabled{opacity:.6}.error{color:#942e2a;min-height:1.5em;font-weight:600;font-size:.9rem}input:focus-visible,button:focus-visible,.who-grid input:focus-visible+span{outline:3px solid var(--amber);outline-offset:2px}
@media(min-width:760px){.login-wrap{padding:40px}.login-card{min-height:auto;max-width:920px;border-radius:18px;display:grid;grid-template-columns:.9fr 1fr;box-shadow:0 30px 80px #07111aaa}.postcard-art{height:auto;min-height:650px}.login-copy{padding:64px 56px}.mountain{height:70%;width:110%}.mountain.front{left:5%;width:120%}.road{height:60%}}
@media(prefers-color-scheme:dark){:root{--paper:#142435;--cream:#1a2d40;--ink:#f4eddf;--line:#405064}.login-card{background:var(--paper)}.error{color:#ffaca6}}