:root { color-scheme:dark; font:16px/1.5 system-ui,sans-serif; background:#0d161d; color:#dfE8ee; }
* { box-sizing:border-box; } body { margin:0; background:linear-gradient(140deg,#162a37,#0d161d 55%); min-height:100vh; }
main { max-width:1000px; margin:auto; padding:48px 24px; } header { margin-bottom:36px; }
h1 { font-size:clamp(2rem,5vw,3.3rem); font-weight:550; margin:4px 0; letter-spacing:-.04em; }
h2 { font-size:1.3rem; font-weight:550; margin:0 0 16px; } p { margin:8px 0 18px; }
.eyebrow { letter-spacing:.2em; color:#84c6b0; font-size:.75rem; }
section { padding:26px; background:#14232df2; border:1px solid #2c404e; border-radius:5px; }
.columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .download { margin-bottom:24px; }
.download p { max-width:650px; } .button,button { display:inline-block; background:#92d4be; color:#09231b; border:0; border-radius:3px; font:inherit; font-weight:600; padding:11px 18px; cursor:pointer; text-decoration:none; }
.button:hover,button:hover { background:#b0e2d0; } button:disabled { opacity:.55; cursor:wait; }
.subtle { color:#b4c5cf; font-size:.8rem; margin-left:14px; } label { display:block; margin:14px 0; font-size:.88rem; }
input,select { display:block; width:100%; background:#0c1922; border:1px solid #465d6c; border-radius:3px; color:#fff; padding:10px; margin-top:5px; font:inherit; }
input:focus,select:focus,button:focus-visible,a:focus-visible { outline:2px solid #92d4be; outline-offset:3px; }
.small,footer { font-size:.8rem; color:#a8b9c5; } footer { margin-top:30px; }
#message { padding:0 4px; color:#a9e6ce; min-height:24px; white-space:pre-wrap; } #message.error { color:#ffaaa5; }
.profile-title { display:flex; justify-content:space-between; gap:15px; align-items:center; }
.secondary { background:#2a4150; color:#dfE8ee; } details { margin-top:28px; } summary { cursor:pointer; }
[hidden] { display:none!important; } @media(max-width:680px) { .columns { grid-template-columns:1fr; } main { padding:30px 16px; } .subtle { display:block; margin:12px 0 0; } }