:root{color-scheme:dark;--gold:#ebcb91;--text:#f0ebdf;--muted:#b7c5d3;--line:#526175;--bg:#081326}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 Georgia,serif}a{color:var(--gold);text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header,footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 6vw;font:14px/1.5 Arial,sans-serif}header{border-bottom:1px solid #d7b97822;background:#07102077}.wordmark{letter-spacing:.1em;text-decoration:none;font-size:15px;white-space:nowrap}.wordmark span{font-size:11px;letter-spacing:.23em;display:block}nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}nav a{color:#d0d8e2;text-decoration:none}nav a:hover,.nav-gold{color:var(--gold)}nav form{margin:0}.nav-button{font:inherit;background:none;border:0;color:var(--muted);cursor:pointer;padding:0}footer{margin-top:65px;border-top:1px solid #50627755;color:#97a7bb;font-size:12px}.backdrop{position:absolute;inset:0 0 auto;height:100vh;z-index:-1;background:linear-gradient(90deg,#061022f5,#06102288 52%,#06102222),linear-gradient(0deg,#081326,transparent 35%),url('/assets/chronicles-astral.png') center/cover}.inner .backdrop{position:fixed;height:100%;background:linear-gradient(90deg,#071124ee,#071124b8),url('/assets/chronicles-astral.png') center/cover}.hero{min-height:calc(90svh - 90px);display:flex;align-items:center}.intro{padding:7vh 7vw 12vh}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.intro h1{font-weight:normal;font-size:clamp(55px,8vw,108px);letter-spacing:.06em;line-height:1;margin:28px 0 20px;color:#f5db9a}.intro h1 span{display:block;font-size:.36em;letter-spacing:.32em;margin-top:16px}.rule{height:1px;width:260px;background:linear-gradient(90deg,#bb8e46,transparent);margin:35px 0}p{color:var(--muted);max-width:640px}.intro p{max-width:455px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 22px}.button{display:inline-block;border:1px solid #c4a66e;border-radius:3px;background:linear-gradient(#f3dba7,#dab676);padding:13px 24px;font:15px/1.5 Arial,sans-serif;color:#192332;text-decoration:none;cursor:pointer;text-align:center}.button:hover{filter:brightness(1.1)}.button.secondary{background:#0a1b30bb;color:var(--gold);border-color:#8d744c}.button.full{width:100%}.quiet{font:12px/1.6 Arial,sans-serif;color:#aabbce}.content{max-width:1200px;margin:auto;padding:65px 45px}.content h2,h2{font-size:34px;line-height:1.2;font-weight:normal;color:var(--gold);margin:12px 0 23px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card,.panel{border:1px solid #59627270;background:linear-gradient(135deg,#112338f2,#0a182cee);padding:30px;border-radius:4px;box-shadow:0 16px 50px #02071130}.card h3{font-size:24px;font-weight:normal;line-height:1.3;margin:12px 0}.card p,.panel p{font:15px/1.8 Arial,sans-serif}.card time,.card>a{font:12px Arial,sans-serif}.card time{color:#9aaec6}.join{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #4b627555}.join p{margin-bottom:0}.portal{max-width:1120px;margin:0 auto;padding:54px 40px;min-height:75vh}.portal-heading{text-align:center;margin-bottom:34px}.portal-heading h1{font-size:clamp(32px,4vw,46px);font-weight:normal;color:var(--gold);line-height:1.15;margin:15px 0}.portal-heading p{margin:0 auto;font:15px/1.7 Arial,sans-serif}.auth-panel{max-width:470px;margin:auto;padding:32px 38px}.panel h2{font-size:28px}.panel form{font:14px/1.6 Arial,sans-serif}label{display:block;margin:19px 0 7px;color:#e1e6ee}label:first-of-type{margin-top:0}label span{font-size:11px;color:#aab7c7;margin-left:7px}input:not([type=hidden]){font:16px Arial,sans-serif;padding:12px 13px;width:100%;border:1px solid #55677e;border-radius:3px;background:#081323;color:#f3eee3;min-height:44px}small,.muted{display:block;font:12px/1.7 Arial,sans-serif;color:#a5b7ca;margin-top:7px}form .button{margin-top:25px}.form-foot{font:13px/1.6 Arial,sans-serif!important;text-align:center;margin:23px 0}.notice{max-width:1040px;padding:15px 20px;margin:0 auto 24px;border:1px solid;font:14px/1.7 Arial,sans-serif;border-radius:3px}.error{background:#362032;border-color:#a46170;color:#f1ccd3}.success{background:#133b39;border-color:#4a9b88;color:#c6eee2}.account-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.password-panel{grid-column:2;grid-row:2}.account-grid>.panel:first-child{align-self:start}dl{font:13px/1.6 Arial,sans-serif;margin:24px 0}dt{color:#a5b7ca;margin-top:18px}dd{margin:4px 0;color:#ece6dc;overflow-wrap:anywhere}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps .panel{padding:25px}.step-number{font-size:34px;color:#c6aa76;margin-bottom:15px}.steps h2{font-size:24px}.steps p{font-size:14px}.steps .button{padding:12px 16px;font-size:14px}.portal strong{font-weight:normal;color:#ecce9b}@media(max-width:800px){header{padding:22px 5vw;gap:20px;align-items:flex-start;flex-direction:column}nav{gap:20px;font-size:13px}.content{padding:45px 6vw}.hero{min-height:660px}.intro{padding:60px 7vw}.steps{grid-template-columns:1fr}.steps .panel{padding:28px}.account-grid{grid-template-columns:1fr}.password-panel{grid-column:auto;grid-row:auto}.portal{padding:40px 5vw}.join{align-items:flex-start;flex-direction:column}.news-grid{grid-template-columns:1fr}footer{flex-wrap:wrap}.auth-panel{padding:27px}.backdrop{background-position:60% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
