:root{color-scheme:dark;--gold:#ffc352;--pink:#ff74dc;--muted:#d0b9db}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#68225855,transparent 55%),#120918;color:#fff4ff;font:16px/1.65 system-ui}header,main,footer{max-width:1240px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff20}a{color:var(--gold);text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap}.brand{font-size:23px;font-weight:900;color:white}.brand span{color:var(--gold)}h1{font-size:clamp(36px,5vw,65px);letter-spacing:-2px;line-height:1.1;margin:18px 0}h1 span{color:var(--gold)}main>p{max-width:800px;color:var(--muted)}.eyebrow{color:var(--pink)!important;font-size:13px;letter-spacing:2px;text-transform:uppercase}.steps{display:flex;gap:24px;flex-wrap:wrap;margin:35px 0}.steps p{flex:1;min-width:200px;background:#281432;padding:18px;border:1px solid #754074;border-radius:12px}.steps b{color:var(--gold);display:block}.layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}form{background:#261331;padding:25px;border:1px solid #733b77;border-radius:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:14px;margin:0 0 18px;color:#e0c9e8}input,select,textarea{display:block;width:100%;margin-top:7px;background:#120b1a;color:white;border:1px solid #73467f;border-radius:8px;padding:12px;font:inherit}button{background:linear-gradient(110deg,#ffd451,#ff9520);color:#241005;border:0;padding:14px 18px;border-radius:9px;font:700 15px system-ui;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#44234e;color:#fff1fc;border:1px solid #9a579b}.actions{display:flex;gap:12px;flex-wrap:wrap}.small{font-size:13px;color:var(--muted);line-height:1.7}.notice{padding:16px;border-left:3px solid #ffae33;background:#402341;border-radius:5px}aside{position:sticky;top:25px}.card{padding:10px;background:linear-gradient(120deg,#e69e36,#d24fae);border-radius:22px}canvas{width:100%;display:block;border-radius:15px}#status{color:#ffd17b}footer{color:var(--muted);font-size:13px;border-top:1px solid #ffffff20;margin-top:45px}code{color:#ffd78b}*:focus-visible{outline:3px solid #f0a2e3;outline-offset:3px}details{background:#281432;border:1px solid #754074;border-radius:12px;margin:15px 0;padding:20px}summary{cursor:pointer;font-weight:700;color:var(--gold)}.ruletext p{color:var(--muted)}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static;grid-row:1}header{flex-wrap:wrap}.steps{gap:6px}.steps p{margin:5px 0}.grid{grid-template-columns:1fr}main,header{padding:20px}form{padding:20px}}