
:root{
  --gold:#ffd76b;--gold2:#b8860b;--red:#c40000;--red2:#5a0000;--black:#050505;--panel:rgba(14,14,18,.82);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#050505;color:white;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:
radial-gradient(circle at 70% 20%, rgba(255,215,0,.20), transparent 28%),
radial-gradient(circle at 20% 75%, rgba(196,0,0,.26), transparent 30%),
linear-gradient(135deg,#050505,#210000 45%,#090909);z-index:-3}
body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,215,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,0,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);z-index:-2}
a{color:inherit}.page{width:min(1180px,94vw);margin:auto;padding:22px 0 40px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.logo{height:68px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,215,0,.45))}
.badge{border:1px solid rgba(255,215,0,.35);padding:9px 14px;border-radius:999px;background:rgba(0,0,0,.45);color:var(--gold);font-weight:800}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}
.card{background:var(--panel);border:1px solid rgba(255,215,0,.24);border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.wheel-card{padding:26px;position:relative;overflow:hidden}
.wheel-card:before{content:"";position:absolute;inset:-60px;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.18),transparent,rgba(196,0,0,.2),transparent);animation:rotateBg 10s linear infinite;z-index:-1}
@keyframes rotateBg{to{transform:rotate(360deg)}}
.wheel-wrap{position:relative;width:min(520px,86vw);aspect-ratio:1;margin:auto}
#wheel{width:100%;height:100%;display:block;filter:drop-shadow(0 16px 35px rgba(0,0,0,.65))}
.pointer{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:54px solid var(--gold);filter:drop-shadow(0 0 12px rgba(255,215,0,.8));z-index:4}
.center-button{position:absolute;inset:39%;border-radius:50%;border:5px solid var(--gold);background:radial-gradient(circle,#ffef9d,#b50000 62%,#280000);display:grid;place-items:center;text-align:center;font-weight:1000;color:white;text-shadow:0 2px 4px #000;box-shadow:0 0 35px rgba(255,215,0,.65);cursor:pointer;user-select:none}
.info-card{padding:34px;position:relative;overflow:hidden}
.info-card:after{content:"";position:absolute;right:-20px;bottom:0;width:44%;height:80%;background:radial-gradient(ellipse at center,rgba(255,215,0,.18),transparent 62%);pointer-events:none}
.kicker{color:var(--gold);font-weight:900;letter-spacing:.14em}
h1{font-size:clamp(38px,6vw,74px);line-height:.95;margin:12px 0;text-transform:uppercase}
h1 span{color:var(--gold);text-shadow:0 0 25px rgba(255,215,0,.55)}
.desc{color:#ddd;line-height:1.65;font-size:17px}
.form{display:grid;gap:12px;margin-top:24px}
.input{width:100%;border:1px solid rgba(255,215,0,.35);background:rgba(0,0,0,.5);color:#fff;border-radius:16px;padding:16px 17px;font-weight:800;outline:none;text-transform:uppercase}
.btn{border:0;border-radius:16px;padding:16px 18px;font-weight:1000;cursor:pointer;color:#120000;background:linear-gradient(135deg,var(--gold),#fff0a6 35%,#b40000);box-shadow:0 12px 35px rgba(196,0,0,.35),0 0 22px rgba(255,215,0,.25)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.message{min-height:24px;color:var(--gold);font-weight:800}
.model{height:360px;border-radius:24px;margin-top:20px;background:
linear-gradient(180deg,rgba(255,215,0,.08),rgba(196,0,0,.12)),
url('https://images.unsplash.com/photo-1607746882042-944635dfe10e?auto=format&fit=crop&w=900&q=80') center top/cover;
border:1px solid rgba(255,215,0,.22);box-shadow:inset 0 -90px 80px rgba(0,0,0,.75)}
.popup{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.76);z-index:20;padding:20px}
.popup.show{display:flex}.popup-box{width:min(460px,94vw);padding:30px;text-align:center}.win-title{font-size:31px;color:var(--gold);font-weight:1000}.prize-name{font-size:36px;font-weight:1000;margin:16px 0;color:white}.claim{display:inline-block;text-decoration:none;margin-top:12px}
.close{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 14px;margin-top:13px;cursor:pointer}
.admin-wrap{width:min(1120px,94vw);margin:34px auto}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.admin-card{padding:22px}.admin-card h2,.admin-card h3{margin-top:0;color:var(--gold)}label{font-weight:800;color:#eee}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.12);padding:10px;text-align:left}.table th{color:var(--gold)}select,.admin-card textarea{width:100%;border:1px solid rgba(255,215,0,.25);border-radius:12px;padding:11px;background:#090909;color:#fff}.mini{padding:9px 10px;border-radius:10px}.danger{background:linear-gradient(135deg,#ffdad0,#b40000);color:white}
@media(max-width:860px){.hero,.admin-grid{grid-template-columns:1fr}.topbar{gap:12px}.model{height:270px}.wheel-card{padding:14px}}
