:root{color-scheme:dark;--gold:#f6d47b;--ink:#110921;--violet:#28133e;--line:#745a8c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#32174b 0,transparent 45%),var(--ink);color:#eee9f6;font:17px/1.65 system-ui,sans-serif}a{color:var(--gold);text-underline-offset:4px}header{max-width:1180px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;font-size:24px;letter-spacing:3px;font-weight:800}nav{display:flex;gap:20px;align-items:center}nav form{margin:0}main{max-width:1120px;margin:auto;padding:20px 24px 60px}h1,h2,h3{color:var(--gold);line-height:1.25}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,64px);font-weight:500}h2{font-size:26px}.hero{padding:65px 0 55px;max-width:850px}.hero p{max-width:670px;font-size:20px}.eyebrow{letter-spacing:3px;font-size:13px;color:#c8b4df}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.card,.grid article{background:linear-gradient(135deg,#2a1744,#1a102b);border:1px solid var(--line);border-radius:22px;padding:26px;margin:22px 0}.grid article{margin:0}.narrow{max-width:570px;margin:45px auto}button,.button{display:inline-block;border:1px solid var(--gold);background:#312047;color:var(--gold);padding:12px 20px;border-radius:24px;cursor:pointer;text-decoration:none;font:inherit;font-weight:650}.primary,.button{background:var(--gold);color:#20102e}.badge{display:inline-block;border:1px solid #806442;border-radius:24px;padding:5px 12px;font-size:13px;color:var(--gold);margin:8px}label{display:block;margin:18px 0}input,textarea,select{display:block;width:100%;padding:12px;background:#10091d;border:1px solid #776085;color:#f9f5ff;border-radius:12px;font:inherit;margin:7px 0}textarea{min-height:110px}.check{display:flex;align-items:flex-start;gap:12px}.check input{width:auto;margin-top:8px}.alert{border-left:4px solid #f4be67;background:#402a2c;padding:18px;border-radius:8px}.muted{color:#bdafcd;font-size:15px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}details{margin:20px 0}summary{cursor:pointer;color:var(--gold)}footer{max-width:1180px;margin:auto;padding:24px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#b4a4c7}:focus-visible{outline:3px solid #ffdf87;outline-offset:4px}@media(max-width:550px){header{flex-wrap:wrap}.hero{padding:30px 0}.card{padding:20px}nav{gap:10px}}
