:root{font-family:Georgia,'Times New Roman',serif;color:#ebe4d5;background:#111916;color-scheme:dark;--muted:#9ca89b;--gold:#d4b678;--line:#384439}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 46%,#35423970,transparent 50%),radial-gradient(ellipse at 85% 5%,#8472491c,transparent 45%),#111916}header,footer{max-width:1180px;margin:auto;padding:30px 42px;display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;color:var(--gold);font-size:28px;letter-spacing:7px}.wordmark span{display:block;margin-top:6px;font:8px/1.8 system-ui,sans-serif;letter-spacing:2.4px;color:var(--muted)}.header-note{font:12px system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:9px 16px}main{max-width:1180px;margin:35px auto 55px;padding:0 42px;display:grid;grid-template-columns:1fr 440px;gap:85px;align-items:center}.eyebrow{font:10px/1.5 system-ui,sans-serif;letter-spacing:2.6px;color:var(--gold)}h1{font-weight:400;font-size:clamp(42px,5vw,66px);line-height:1.08;margin:24px 0}h1 em{color:var(--gold);font-weight:400}.intro>p{max-width:370px;color:var(--muted);font:15px/1.8 system-ui,sans-serif}.journey{display:flex;gap:16px;margin-top:28px}.journey>span{border-top:1px solid var(--gold);padding-top:8px;color:var(--gold);font-size:13px}.journey strong{font-size:16px;font-weight:400}.journey p{max-width:315px;font:12px/1.6 system-ui,sans-serif;color:var(--muted);margin:6px 0}.card{background:linear-gradient(150deg,#263028,#1c251f);border:1px solid #455044;box-shadow:0 18px 70px #0004;padding:35px;border-radius:4px;position:relative}.card:before{content:'';position:absolute;top:-1px;left:35px;right:35px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}h2{font-size:29px;font-weight:400;margin:12px 0}.card-intro{font:13px/1.7 system-ui,sans-serif;color:var(--muted);margin:0 0 28px}form label{display:block;font:12px system-ui,sans-serif;margin:18px 0 8px}input{width:100%;padding:13px;border:1px solid #4b574b;background:#101b16;color:#fff3dc;border-radius:3px;font:14px system-ui,sans-serif;outline-offset:3px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}input:invalid:not(:placeholder-shown){box-shadow:none}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:transparent;color:var(--gold);font:11px system-ui,sans-serif;padding:8px;cursor:pointer}small{display:block;font:11px/1.6 system-ui,sans-serif;color:var(--muted);margin-top:7px}.primary{margin-top:27px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;border:1px solid #e4c68b;border-radius:3px;background:#c9ab6e;color:#1c251f;font:600 13px system-ui,sans-serif;cursor:pointer}.primary:hover{background:#dfc287}.primary:disabled{opacity:.65;cursor:wait}#feedback{font:12px/1.6 system-ui,sans-serif;color:#f1b5a6;margin:14px 0 0;min-height:0}#feedback:empty{display:none}.footnote{border-top:1px solid var(--line);padding-top:21px;margin:25px 0 0;font:11px/1.7 system-ui,sans-serif;color:var(--muted)}.footnote strong{font-weight:500;color:#ded7c5}.success-mark{color:var(--gold);font-size:38px}#success h3{font-size:25px;font-weight:400}#success p{font:14px/1.8 system-ui,sans-serif;color:#c5cbbd}footer{border-top:1px solid #2e3c31;color:#8b9c8e;font:10px system-ui,sans-serif;letter-spacing:1px}footer span:first-child{font-family:Georgia,serif;letter-spacing:4px}[hidden]{display:none!important}@media(max-width:850px){main{gap:36px;grid-template-columns:1fr 400px;padding:0 24px}.card{padding:26px}.intro>p{font-size:13px}header,footer{padding:24px}}@media(max-width:650px){main{grid-template-columns:1fr;margin:18px auto 35px;gap:25px}.intro h1{font-size:39px}.intro h1 br{display:none}.intro h1 em{white-space:nowrap}.intro>p,.journey{display:none}.card{max-width:440px;width:100%;justify-self:center}.intro{max-width:440px;justify-self:center;width:100%}.header-note{font-size:10px}.eyebrow{font-size:9px}.wordmark{font-size:24px}footer{font-size:9px;gap:20px}}

/* Official emerald identity; keep the full logo visible on small screens. */
.wordmark{display:block;flex-shrink:1;min-width:0;letter-spacing:normal}.wordmark img{display:block;width:248px;max-width:100%;height:auto}.wordmark span{margin:0 0 0 8px;letter-spacing:2px}.footer-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;letter-spacing:3px}.footer-brand img{border-radius:6px}.header-note{flex-shrink:0}@media(max-width:650px){header{gap:16px}.wordmark img{width:190px}.wordmark span{font-size:7px;letter-spacing:1.2px}.header-note{padding:8px 10px}}@media(max-width:380px){header{padding:18px}.wordmark img{width:160px}.wordmark span{letter-spacing:.7px}.header-note{font-size:9px}}
