:root{
  --yellow:#F9B800; --yellow2:#FFCA22; --black:#101010; --cream:#FFFDF7;
  --muted:#6B665D; --line:#EAE4D8; --white:#fff;
}
*{box-sizing:border-box}
html{background:#f4f1e9}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--black);background:
radial-gradient(circle at 15% 5%,rgba(249,184,0,.16),transparent 25%),
linear-gradient(135deg,#fffdf8,#f4f0e7);min-height:100vh}
.page{width:min(100% - 28px,760px);margin:auto;padding:34px 0 60px}
.card{background:rgba(255,255,255,.96);border:1px solid rgba(16,16,16,.08);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(30,25,15,.12)}
.hero{text-align:center;padding:34px 34px 25px;background:
linear-gradient(180deg,rgba(249,184,0,.10),rgba(255,255,255,0))}
.logo{width:125px;height:125px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 18px}
.eyebrow{display:inline-block;background:var(--black);color:white;padding:9px 16px;font-weight:900;letter-spacing:.08em;font-size:13px;transform:rotate(-1deg)}
.eyebrow::first-letter{color:var(--yellow)}
h1{font-size:clamp(34px,7vw,57px);line-height:.98;margin:22px 0 15px;text-transform:uppercase;letter-spacing:-.04em}
h1 span{color:var(--yellow)}
.lead{font-size:17px;color:var(--muted);margin:0 auto;max-width:520px;line-height:1.5}
.prize{margin:0 30px;padding:22px;border-radius:20px;background:var(--black);color:white;text-align:center}
.prize-title{color:var(--yellow);font-weight:1000;letter-spacing:.08em;font-size:14px}
.prize p{font-size:20px;line-height:1.45;margin:9px 0 17px}
.prize strong{color:var(--yellow2)}
.facts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.facts span{background:#222;border:1px solid #333;border-radius:999px;padding:8px 11px;font-size:13px}
.rules{padding:30px}
.rules h2{text-align:center;text-transform:uppercase;font-size:22px;margin:0 0 18px}
.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rule-grid div{border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:10px;background:#fffdf9}
.rule-grid b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--yellow);font-size:16px}
.rule-grid span{font-size:14px;font-weight:700}
.everyone{text-align:center;font-weight:900;text-transform:uppercase;margin:18px 0 0}
.form{border-top:1px solid var(--line);padding:30px}
.field{margin-bottom:18px}
.field label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}
.field label span,.consent b{color:#c98d00}
input[type=text],input[type=tel],input[type=email]{width:100%;border:1px solid #d9d4ca;background:#fff;border-radius:13px;padding:15px 16px;font:inherit;outline:none;transition:.2s}
input:focus{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(249,184,0,.15)}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.45;margin:8px 0 22px;color:#4d4941}
.consent input{margin-top:3px;accent-color:var(--yellow);width:18px;height:18px}
button,.back{display:block;width:100%;border:0;border-radius:14px;padding:17px 20px;background:var(--yellow);color:#111;font-weight:1000;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 9px 20px rgba(249,184,0,.25)}
button:hover,.back:hover{filter:brightness(.96);transform:translateY(-1px)}
.privacy{text-align:center;color:#817b70;font-size:12px;margin:14px 0 0}
.hidden{position:absolute;left:-9999px}
.thanks{text-align:center;padding:46px 34px}
.thanks h1{font-size:clamp(30px,6vw,46px)}
.thanks p{font-size:17px;line-height:1.5;color:var(--muted)}
.check{width:72px;height:72px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;margin:10px auto 20px;font-size:38px;font-weight:900}
.back{max-width:300px;margin:28px auto 0}
@media(max-width:600px){
 .page{width:min(100% - 18px,760px);padding:14px 0 30px}
 .card{border-radius:20px}
 .hero,.rules,.form{padding-left:20px;padding-right:20px}
 .prize{margin:0 18px}
 .rule-grid{grid-template-columns:1fr}
 .logo{width:105px;height:105px}
}

.form-success{
  margin-top:10px;
  padding:28px 20px;
  border-radius:18px;
  text-align:center;
  background:#fff8dc;
  border:2px solid var(--yellow);
}
.form-success .success-icon{
  width:62px;height:62px;margin:0 auto 14px;border-radius:50%;
  display:grid;place-items:center;background:var(--yellow);
  color:#111;font-size:34px;font-weight:1000;
}
.form-success h2{margin:0 0 9px;font-size:25px;text-transform:uppercase}
.form-success p{margin:0;color:var(--muted);line-height:1.5}
button:disabled{opacity:.7;cursor:wait}