:root{--p:#6c2cff;--s:#ff3ca6;--a:#ffd84d;--m:#d8cfee}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#fff;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,#ff3ca64d,transparent 30%),radial-gradient(circle at 85% 20%,#6c2cff70,transparent 35%),linear-gradient(145deg,#0e031d,#1e0e3e 58%,#08020f)}.container{width:min(1120px,calc(100% - 28px));margin:auto;padding:26px 0}header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border:1px solid #ffffff24;border-radius:20px;background:#0a041cad}.brand{font-size:21px;font-weight:900}header a{color:#fff;text-decoration:none;padding:9px 14px;border-radius:999px;background:#ffffff17}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:42px 0 24px}.copy>span{display:inline-block;color:#ffe98c;padding:8px 12px;border:1px solid #ffd84d4d;border-radius:999px;background:#ffd84d17;font-size:13px;font-weight:800}.copy h1{font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-3px;margin:18px 0}.copy em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--a),#ff9f43,var(--s));background-clip:text}.copy p{color:var(--m);font-size:17px;line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.features b{padding:15px;border:1px solid #ffffff1f;border-radius:16px;background:#ffffff12}.card,.rules{padding:20px;border:1px solid #ffffff24;border-radius:26px;background:#ffffff12;box-shadow:0 28px 70px #0006}.wheel{position:relative;width:min(100%,430px);aspect-ratio:1;margin:auto auto 18px;display:grid;place-items:center}.pointer{position:absolute;z-index:4;top:-8px;left:50%;transform:translateX(-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-top:42px solid var(--a)}canvas{width:100%;height:100%;border-radius:50%;transition:transform 5.2s cubic-bezier(.12,.68,.12,1);filter:drop-shadow(0 18px 25px #0006)}.center{position:absolute;z-index:3;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#fff3a4,#ffb52d);border:8px solid #ffffffdd;color:#341449;font-weight:1000}.row{display:grid;grid-template-columns:1fr auto;gap:10px}input,button{padding:15px;border-radius:14px;font-size:15px}input{width:100%;border:1px solid #ffffff2e;outline:0;color:#fff;background:#04010e8c;text-transform:uppercase}button{border:0;font-weight:900;cursor:pointer}#check{background:linear-gradient(135deg,var(--a),#ff9f43);color:#26102f}#spin{width:100%;margin-top:11px;color:#fff;background:linear-gradient(135deg,var(--p),var(--s))}button:disabled{opacity:.5;cursor:not-allowed}#msg{min-height:22px;color:var(--m);font-size:14px}.ok{color:#8ff0b8!important}.error{color:#ff9ba6!important}#result{display:none;margin-top:14px;padding:16px;text-align:center;border-radius:16px;background:#2ed5731f;border:1px solid #2ed57352}#result.show{display:block}#result h2,#result p{margin:0}#result p{margin-top:6px;color:#baf4d0}.rules{margin-top:10px}.rules p{color:var(--m)}footer{text-align:center;color:#aaa0c0;padding:30px 0 5px;font-size:13px}@media(max-width:900px){.hero{grid-template-columns:1fr}}@media(max-width:620px){.features,.row{grid-template-columns:1fr}.card{padding:14px}}