:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#0e1016;color:#f5f6fa}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(800px 400px at 100% 0%,#22203c 0%,transparent 62%),#0e1016}
.shell{width:min(100% - 40px,680px);margin:0 auto;padding:clamp(32px,8vh,80px) 0 40px}
.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;letter-spacing:.01em;margin-bottom:38px;color:#f6f6fb}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #786fee;border-radius:9px;color:#ac91ff;font-weight:750;letter-spacing:-.1em}
.sep{color:#7d8291;margin:0 4px}
.panel{border:1px solid #30313b;border-radius:18px;background:#171820;padding:clamp(24px,5vw,42px);box-shadow:0 18px 54px #0004}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#a391ff;margin:0 0 13px}
h1{font-size:clamp(28px,5vw,38px);letter-spacing:-.035em;line-height:1.12;margin:0 0 15px}
.lead{color:#b9bac8;line-height:1.6;font-size:15px;margin:0 0 27px}
h2{font-size:17px;margin:0 0 8px}
#request-box{border-top:1px solid #33343d;padding-top:26px;margin-top:26px}
#request-box p{color:#a9abba;font-size:14px;line-height:1.55;margin:0 0 17px}
label,legend{font-size:13px;font-weight:650;color:#e9e9f1}
fieldset{padding:0;border:0;margin:0}
legend{margin-bottom:12px}
.choice{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin:8px 0;border:1px solid #3b3c47;border-radius:10px;cursor:pointer;background:#1d1e27}
.choice:hover{border-color:#8273d8}
.choice:has(input:checked){border-color:#9a79ff;background:#282239}
.choice input{accent-color:#9c77ff;margin:3px 0 0}
.choice strong{display:block;font-size:14px;color:#fff}
.choice small{display:block;color:#b4b5c3;font-weight:400;font-size:12px;line-height:1.5;margin-top:4px}
button{appearance:none;border:0;border-radius:9px;background:#8861e8;color:#fff;font-family:inherit;font-size:13px;font-weight:650;padding:12px 17px;cursor:pointer;white-space:nowrap}
button:hover{background:#9b77ee}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #b49aff;outline-offset:3px}
#preference-form>button{margin-top:15px}
#request-form>label{display:block;margin-bottom:9px}
.request-row{display:flex;gap:9px}
.request-row input{min-width:0;flex:1;background:#101118;border:1px solid #494a56;border-radius:9px;padding:11px 12px;color:#fff;font:inherit;font-size:14px}
#status{min-height:22px;color:#c6b7ff;font-size:13px;line-height:1.5;margin:15px 0 0}
.foot{font-size:13px;color:#858998;margin:22px 2px}
a{color:#bbabff;text-decoration:none}
a:hover{text-decoration:underline}
[hidden]{display:none!important}
@media(max-width:540px){.shell{width:min(100% - 28px,680px);padding-top:24px}.brand{margin-bottom:22px}.panel{padding:22px;border-radius:14px}.request-row{flex-direction:column}.request-row button{width:100%}}
