.home{max-width:var(--page-max);text-align:left}.hero{position:relative;text-align:center;padding:var(--space-5)0 var(--space-7);border-bottom:1px solid var(--color-border)}.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px circle at 50% 0%,var(--color-glow),transparent 70%)}.hero-badge{margin-bottom:var(--space-4)}.home h1{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4.5vw,3.4rem);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.hero-lead{max-width:46ch;margin:0 auto var(--space-6);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5)}.hero-note{max-width:52ch;margin:0 auto;font-size:var(--text-sm);color:var(--color-text-muted)}#main-content .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:none;margin:0;padding:var(--space-3)var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);font-family:inherit;line-height:var(--leading-snug);cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background-color var(--motion-base)var(--ease-out),border-color var(--motion-base)var(--ease-out),color var(--motion-base)var(--ease-out)}#main-content .btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}#main-content .btn-primary:hover{background-color:var(--color-accent-hover)}#main-content .btn-primary.is-connected{background-color:initial;border-color:var(--color-accent);color:var(--color-accent)}#main-content a.btn-secondary{background-color:initial;border-color:var(--color-border-strong);color:var(--color-text);text-decoration:none}#main-content a.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.steps,.games-preview{padding:var(--space-7)0 0}.steps h2,.games-preview h2{text-align:center;margin-bottom:var(--space-6)}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);list-style:none;padding:0;margin:0;counter-reset:step}.step{background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);padding-bottom:var(--space-3)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill);background-color:color-mix(in oklch,var(--color-accent) 20%,transparent);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.step h3{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);text-align:left}#main-content .step p{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-3);text-align:left}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:transform var(--motion-base)var(--ease-out),border-color var(--motion-base)var(--ease-out),background-color var(--motion-base)var(--ease-out),box-shadow var(--motion-base)var(--ease-out)}.card:hover,.card:focus-visible{border-color:var(--color-accent-hot);background-color:var(--color-surface-4);transform:translateY(-4px)scale(1.02);box-shadow:var(--shadow-2),0 8px 32px color-mix(in oklch,var(--color-accent-hot) 22%,transparent)}.card img{width:96px;height:96px;object-fit:contain;border-radius:var(--radius-sm);flex:none}.card-body{display:flex;flex-direction:column;gap:var(--space-1)}.card-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.card-cta{margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-cool);opacity:0;transform:translateY(4px);transition:opacity var(--motion-base)var(--ease-out),transform var(--motion-base)var(--ease-out)}.card:hover .card-cta,.card:focus-visible .card-cta{opacity:1;transform:translateY(0)}.card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}@media(max-width:720px){.step-list,.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.home h1{font-size:var(--text-2xl)}.hero{padding-top:var(--space-3)}.steps,.games-preview{padding-top:var(--space-6)}.hero-actions .btn{width:100%}}@keyframes badge-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--color-accent-hot) 35%,transparent)}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 transparent}}@media(prefers-reduced-motion:no-preference){.hero-badge .badge{animation:badge-pulse 2.4s ease-out infinite}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--motion-slow)var(--ease-out),transform var(--motion-slow)var(--ease-out)}[data-reveal].is-revealed{opacity:1;transform:none}}