
:root{--night:#171230;--night2:#241a4a;--gold:#e3bd68;--mist:#cfc6ea;--ink:#1a1620;--line:rgba(255,255,255,.16);
--disp:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--body:"DM Sans","Helvetica Neue",Arial,sans-serif;--serif:"Cormorant Garamond",Georgia,serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--night);color:#efeaff;font:16px/1.55 var(--body)}
a{color:var(--gold)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;max-width:1000px;margin:0 auto}
.top a{text-decoration:none;font:700 15px var(--body)}
.top .logo{font:italic 600 24px var(--serif);color:var(--gold)}
.hero{position:relative;min-height:300px;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,18,48,.25),var(--night))}
.hero .in{position:relative;max-width:1000px;width:100%;margin:0 auto;padding:60px 20px 26px}
.kick{font:700 12px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
h1{font:800 clamp(38px,7vw,68px)/1 var(--disp);letter-spacing:-.03em;margin:8px 0 10px;text-wrap:balance}
.lede{max-width:52ch;color:var(--mist);font-size:18px;margin:0}
.wrap{max-width:1000px;margin:0 auto;padding:12px 20px 60px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.card{background:var(--night2);border:1px solid var(--line);border-radius:22px;padding:26px}
.card h2{font:800 24px var(--disp);letter-spacing:-.02em;margin:0 0 4px}
.card p.sub{margin:0 0 18px;color:var(--mist);font-size:15px}
label,.lab{display:block;font:700 14px var(--body);margin:16px 0 6px}
.opt{font-weight:500;color:var(--mist)}
input[type=text],input[type=email],textarea{width:100%;font:16px var(--body);color:#fff;background:#120d2b;border:1.5px solid rgba(255,255,255,.25);border-radius:12px;padding:13px 14px}
textarea{min-height:96px;resize:vertical}
input:focus,textarea:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:transparent}
.plats{display:flex;flex-direction:column;gap:10px}
.plat{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid rgba(255,255,255,.25);border-radius:12px;cursor:pointer;font-weight:500;margin:0}
.plat input{margin-top:4px;width:18px;height:18px;accent-color:var(--gold)}
.plat small{display:block;color:var(--mist);font-weight:400}
.plat.off{opacity:.55;cursor:not-allowed}
.btn{display:inline-flex;justify-content:center;width:100%;margin-top:22px;font:800 17px var(--body);background:var(--gold);color:#241a05;border:0;border-radius:999px;padding:16px 24px;cursor:pointer}
.btn:hover{filter:brightness(1.06)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.side h3{font:800 20px var(--disp);margin:0 0 10px}
.side ul{margin:0 0 20px;padding-left:20px;color:var(--mist)}
.side li{margin:6px 0}
.note{font-size:13px;color:var(--mist);margin-top:14px}
.err{background:#4a1526;border:1px solid #ff6b81;color:#ffd6dc;padding:12px 14px;border-radius:12px;margin-bottom:8px}
footer{max-width:1000px;margin:0 auto;padding:0 20px 40px;color:var(--mist);font-size:14px}
@media(max-width:800px){.wrap{grid-template-columns:1fr}}
