:root{--bg:#07080c;--panel:#11131a;--line:#272b38;--text:#f6f7fb;--muted:#9aa0b2;--violet:#9d55ff;--blue:#3a7bff;--cyan:#59d8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#24133d 0,transparent 35%),radial-gradient(circle at 88% 20%,#0a2f62 0,transparent 33%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:180px;height:76px;object-fit:contain}.home-link{color:#d9dcee;text-decoration:none;font-size:14px}.shell{max-width:1180px;margin:auto;padding:70px 28px 90px}.intro{max-width:720px;margin-bottom:52px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#bba0e8;font-weight:700}.intro h1{font-size:clamp(52px,8vw,105px);letter-spacing:-.07em;line-height:.88;margin:12px 0 22px}.intro h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;background:linear-gradient(90deg,var(--violet),var(--cyan));-webkit-background-clip:text;color:transparent}.lead{color:#b9becd;line-height:1.7;font-size:17px;max-width:630px}.game-grid{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:center}.wheel-card,.form-card{background:rgba(17,19,26,.88);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.3);backdrop-filter:blur(15px)}.wheel-card{display:grid;place-items:center;position:relative;overflow:hidden}.wheel{width:min(500px,82vw);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#45c8f5 0deg 18deg, #7041d8 18deg 36deg, #4b7df6 36deg 54deg, #7c45ff 54deg 72deg, #315fff 72deg 90deg, #45c8f5 90deg 108deg, #7041d8 108deg 126deg, #4b7df6 126deg 144deg, #7c45ff 144deg 162deg, #315fff 162deg 180deg, #45c8f5 180deg 198deg, #7041d8 198deg 216deg, #4b7df6 216deg 234deg, #7c45ff 234deg 252deg, #315fff 252deg 270deg, #45c8f5 270deg 288deg, #7041d8 288deg 306deg, #4b7df6 306deg 324deg, #7c45ff 324deg 342deg, #315fff 342deg 360deg);border:12px solid #191c27;box-shadow:0 0 0 2px #3b4050,0 0 70px rgba(95,78,255,.25);transition:transform 4.8s cubic-bezier(.12,.72,.15,1)}
.wheel-label{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:48px;height:28px;margin:-14px 0 0 -24px;color:#fff;font-size:clamp(11px,1.7vw,17px);font-weight:900;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.65);transform:rotate(var(--a)) translateY(var(--radius,-194px)) rotate(calc(-1 * var(--a))) rotate(var(--counter-angle,0deg));transition:transform 4.8s cubic-bezier(.12,.72,.15,1);transform-origin:center}
.wheel-center{position:absolute;inset:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080910;border-radius:50%;border:1px solid #454b60;z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.45)}.wheel-center strong{letter-spacing:.12em;font-size:clamp(21px,4vw,36px)}.wheel-center small{font-size:8px;letter-spacing:.28em;color:#979daf}.pointer{position:absolute;top:18px;z-index:5;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 5px 7px #000)}.result{margin-top:26px;color:#bdc2d1;text-align:center;min-height:48px}.result strong{display:block;color:white;font-size:32px;margin-bottom:6px}.result em{display:block;color:#ffe8a6;font-style:normal;font-weight:800;margin-bottom:5px}.result span{display:block}.form-card{display:grid;gap:17px}.form-card h2{font-size:34px;margin:5px 0 7px}.form-card p{color:var(--muted)}label{display:grid;gap:8px;font-size:13px;font-weight:650}input{width:100%;background:#090b10;border:1px solid #303544;border-radius:13px;color:#fff;padding:14px 15px;font:inherit;outline:none}input:focus{border-color:#835cff;box-shadow:0 0 0 3px rgba(131,92,255,.16)}.consent{display:flex;align-items:flex-start;font-weight:400;color:#aeb4c4;line-height:1.5}.consent input{width:18px;height:18px;margin-top:2px;accent-color:#8248ff}button{border:0;border-radius:14px;padding:16px 18px;font-weight:800;font-size:14px;cursor:pointer;color:white;background:linear-gradient(115deg,#7a43f0,#3877ff);display:flex;justify-content:space-between;align-items:center}button:disabled{opacity:.55;cursor:not-allowed}.form-error,.notice.error{color:#ffc2c2;background:#38191d;border:1px solid #71323b;padding:12px;border-radius:12px}.notice.error{max-width:720px}footer{max-width:1180px;margin:auto;padding:28px;border-top:1px solid rgba(255,255,255,.08);color:#7e8495;font-size:12px;display:flex;justify-content:space-between;gap:20px}@media(max-width:820px){.topbar{height:74px;padding:0 18px}.brand img{width:135px}.shell{padding:45px 18px 65px}.game-grid{grid-template-columns:1fr;gap:24px}.wheel-card,.form-card{padding:23px;border-radius:20px}.wheel{width:min(380px,78vw)}.intro{margin-bottom:30px}footer{padding:22px 18px;flex-direction:column}.wheel-label{width:38px;height:24px;margin:-12px 0 0 -19px;font-size:clamp(9px,3vw,13px);transform:rotate(var(--a)) translateY(var(--radius,-142px)) rotate(calc(-1 * var(--a))) rotate(var(--counter-angle,0deg))}}

/* Mobile responsiveness hardening */
html,body{max-width:100%;overflow-x:hidden}.topbar,.shell,footer{width:100%}.brand{min-width:0}.brand img{max-width:100%;height:auto}.wheel-card,.form-card{min-width:0}.wheel-wrap{width:100%;display:grid;place-items:center}.wheel{max-width:100%;touch-action:manipulation}.form-card input,.form-card button{min-height:48px}.form-card input{font-size:16px}.result{width:100%;overflow-wrap:anywhere}.result strong{line-height:1.12}
@media(max-width:640px){
  .topbar{height:68px;padding:0 14px}.brand img{width:118px}.home-link{font-size:12px}
  .shell{padding:30px 12px 48px}.intro{margin-bottom:22px}.intro h1{font-size:clamp(42px,15vw,68px);line-height:.92;margin:10px 0 16px}.lead{font-size:15px;line-height:1.55}
  .game-grid{gap:16px}.wheel-card,.form-card{padding:16px;border-radius:18px}.wheel-card{overflow:visible}
  .wheel{width:min(88vw,360px);border-width:8px}.wheel-center{inset:34%}.wheel-center strong{font-size:clamp(18px,7vw,28px)}.wheel-center small{font-size:6px}
  .pointer{top:5px;border-left-width:14px;border-right-width:14px;border-top-width:27px}
  .wheel-label{width:34px;height:22px;margin:-11px 0 0 -17px;font-size:clamp(9px,3.2vw,12px);transform:rotate(var(--a)) translateY(calc(-1 * min(39vw,144px))) rotate(calc(-1 * var(--a))) rotate(var(--counter-angle,0deg))}
  .result{margin-top:18px;min-height:42px}.result strong{font-size:clamp(24px,8vw,30px)}
  .form-card{gap:14px}.form-card h2{font-size:27px}.form-card p{font-size:14px;line-height:1.55}label{font-size:12px}input{padding:13px 14px;border-radius:12px}
  button{min-height:50px;padding:14px 16px;font-size:14px}.consent{font-size:12px}.consent input{flex:0 0 20px;width:20px;height:20px}
  footer{padding:20px 14px;font-size:11px;gap:8px}
}
@media(max-width:380px){
  .shell{padding-left:10px;padding-right:10px}.wheel-card,.form-card{padding:13px}.wheel{width:min(90vw,330px)}
  .wheel-label{font-size:9px;transform:rotate(var(--a)) translateY(calc(-1 * min(40vw,132px))) rotate(calc(-1 * var(--a))) rotate(var(--counter-angle,0deg))}
  .topbar{padding:0 10px}.brand img{width:108px}.home-link{font-size:11px}
}

/* Wheel completion celebration */
.confetti-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-24px;border-radius:2px;opacity:.98;animation:avas-confetti-fall var(--d,2.6s) cubic-bezier(.12,.68,.22,1) var(--delay,0s) forwards;will-change:transform,opacity}@keyframes avas-confetti-fall{0%{transform:translate3d(0,-5vh,0) rotate(0deg);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--x,0),110vh,0) rotate(var(--r,720deg));opacity:.1}}
@media(max-width:640px){.confetti-piece{width:7px!important;height:12px!important}.confetti-layer{z-index:9998}}
@media(prefers-reduced-motion:reduce){.confetti-piece{animation-duration:1.8s!important}.wheel,.wheel-label{transition-duration:2.4s!important}}

.countdown{margin-top:12px;padding:10px 14px;border:1px solid rgba(255,200,87,.35);background:rgba(255,200,87,.08);border-radius:12px;color:#ffe4a0;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.win-actions{width:100%;display:grid;gap:10px;margin-top:14px}.action-button{border:0;border-radius:13px;padding:13px 14px;text-align:center;text-decoration:none;font-weight:800;cursor:pointer;color:#fff;background:#212535}.action-button.whatsapp{background:#1fa855}.action-button.bonus{background:linear-gradient(115deg,#7a43f0,#3877ff)}.action-button.secondary{background:#171a24;border:1px solid #34394a}.confetti-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti-piece{position:absolute;top:-24px;animation:avas-confetti var(--d) cubic-bezier(.2,.75,.35,1) var(--delay) forwards}@keyframes avas-confetti{to{transform:translate(var(--x),110vh) rotate(var(--r));opacity:.25}}@media(prefers-reduced-motion:reduce){.confetti-piece{animation-duration:1.8s!important}.wheel{transition-duration:1.2s!important}.wheel-label{transition-duration:1.2s!important}}
\n\n/* Course-first wheel, live social proof and quota counter */\n.course-step{margin:0 0 28px;padding:24px;background:rgba(17,19,26,.88);border:1px solid var(--line);border-radius:24px}.course-step h2{font-size:clamp(24px,4vw,36px);margin:5px 0 8px}.course-step p{color:var(--muted)}.course-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px}.course-choice{min-height:78px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;background:#0b0d13;border:1px solid #303544}.course-choice strong{font-size:15px}.course-choice span{font-size:12px;color:#bba0e8}.course-choice.active{border-color:#8e5bff;box-shadow:0 0 0 3px rgba(142,91,255,.16);background:linear-gradient(135deg,rgba(122,67,240,.22),rgba(56,119,255,.12))}.game-grid.is-locked{opacity:.62}.game-grid.is-locked .wheel{filter:saturate(.55)}fieldset{border:0;padding:0;margin:0;display:grid;gap:17px;min-width:0}fieldset:disabled{opacity:.58}.selected-course-note{margin-top:18px;font-size:13px;color:#bba0e8;text-align:center;font-weight:750}.reward-board{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:13px 15px;border:1px solid rgba(157,85,255,.35);background:linear-gradient(135deg,rgba(157,85,255,.12),rgba(58,123,255,.08));border-radius:15px}.reward-board span{font-size:13px;color:#c7cbe0}.reward-board strong{font-size:25px;color:#fff;font-variant-numeric:tabular-nums}.wheel-label{width:92px;margin-left:-46px;font-size:clamp(9px,1.4vw,14px);line-height:1.05;text-align:center;white-space:normal}.live-toast{position:fixed;right:20px;bottom:20px;z-index:8500;max-width:min(390px,calc(100vw - 28px));padding:14px 16px;border:1px solid #353a4b;border-radius:16px;background:rgba(10,12,18,.96);box-shadow:0 18px 55px rgba(0,0,0,.45);color:#eef0f7;font-size:13px;line-height:1.45;transform:translateY(15px);opacity:0;transition:.25s ease}.live-toast.show{transform:translateY(0);opacity:1}.live-toast strong{color:#fff}.live-toast small{display:block;color:#8e94a8;margin-top:3px}\n@media(max-width:640px){.course-step{padding:16px;border-radius:18px}.course-choices{grid-template-columns:1fr 1fr;gap:9px}.course-choice{min-height:68px;padding:12px}.course-choice strong{font-size:13px}.reward-board{margin-bottom:14px}.wheel-label{width:64px;margin-left:-32px;font-size:9px}.live-toast{right:12px;bottom:12px;left:12px;max-width:none}.selected-course-note{font-size:12px}}\n@media(max-width:380px){.course-choices{grid-template-columns:1fr}.wheel-label{width:58px;margin-left:-29px;font-size:8px}}\n

/* Seasonal wheel themes */
body.theme-newyear{--violet:#6dbdff;--blue:#96e5ff;--cyan:#dff7ff;background:radial-gradient(circle at 15% 10%,#123d6b 0,transparent 36%),radial-gradient(circle at 88% 18%,#164d6b 0,transparent 34%),#06101a}body.theme-novruz{--violet:#54b65d;--blue:#1c9b68;--cyan:#e8b647;background:radial-gradient(circle at 12% 12%,#173f24 0,transparent 38%),radial-gradient(circle at 88% 18%,#55400f 0,transparent 34%),#07100a}body.theme-blackfriday{--violet:#d4ad52;--blue:#8a6a2a;--cyan:#f5df9c;background:radial-gradient(circle at 20% 10%,#2e2410 0,transparent 38%),#050505}body.theme-knowledge{--violet:#667af0;--blue:#31a3c6;--cyan:#58d5be;background:radial-gradient(circle at 15% 10%,#172655 0,transparent 38%),radial-gradient(circle at 88% 20%,#0f4851 0,transparent 34%),#070b12}body.theme-azerbaijan{--violet:#ef3340;--blue:#00b5e2;--cyan:#509e2f;background:radial-gradient(circle at 15% 10%,#06384b 0,transparent 34%),radial-gradient(circle at 88% 20%,#3d1015 0,transparent 30%),#07100b}body.theme-ramazan{--violet:#c9aa50;--blue:#28765e;--cyan:#d9c475;background:radial-gradient(circle at 15% 10%,#123b30 0,transparent 36%),radial-gradient(circle at 88% 20%,#3c3314 0,transparent 32%),#07100c}body.theme-spring{--violet:#e06aa5;--blue:#7eb55e;--cyan:#f2ba5c;background:radial-gradient(circle at 15% 10%,#4a1b35 0,transparent 36%),radial-gradient(circle at 88% 20%,#234318 0,transparent 34%),#0c080b}.wheel-holiday-notice{max-width:1180px;margin:16px auto 0;padding:11px 16px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff0a;color:#fff;display:flex;gap:12px;align-items:center;font-size:12px}.wheel-holiday-notice span{color:#bfc3d0}@media(max-width:640px){.wheel-holiday-notice{margin:10px 12px 0;flex-direction:column;align-items:flex-start;gap:2px}}

.referral-points{margin-top:12px;padding:11px 14px;border:1px solid rgba(89,216,255,.28);background:rgba(89,216,255,.07);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.referral-points span{font-size:12px;color:#b8c5d8}.referral-points strong{font-size:14px;color:#fff}.referral-points[hidden]{display:none}