body{flex-direction:column;min-height:100vh;display:flex}.main-container{flex-direction:column;flex-grow:1;align-items:center;padding-top:20px;display:flex}.page-hero{text-align:center;background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);backdrop-filter:blur(14px);width:92%;max-width:800px;box-shadow:var(--glass-shadow);padding:30px}.page-hero h1{color:var(--brand-heading);margin:.5rem 0;font-size:2rem;font-weight:700}.page-hero p{color:var(--brand-text);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand-subtle-text);margin:0 0 .5rem;font-size:.75rem;font-weight:800}#wheel-container{margin:30px 0;position:relative}#indicator{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid var(--brand-accent-strong);z-index:10;width:0;height:0;position:absolute;top:-14px;left:50%;transform:translate(-50%)}#wheel{max-width:100%;height:auto}#spinBtn{border-radius:var(--radius-md);background:linear-gradient(to bottom right, var(--brand-accent), var(--brand-accent-strong));color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--brand-font-family);border:none;margin:20px auto;padding:12px 32px;transition:all .2s;display:block}#spinBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db59}#spinBtn:focus-visible{box-shadow:var(--brand-focus-ring);outline:none}#winner{text-align:center;color:var(--brand-heading);margin-top:20px;font-size:1.5rem;font-weight:700}@media (width<=768px){.main-container{padding-top:10px}.page-hero{width:95%;padding:20px}.page-hero h1{font-size:1.5rem}.page-hero p{font-size:.95rem}#wheel{max-width:320px}#spinBtn{padding:10px 24px;font-size:1rem}}