:root{--accent:#e8ff2e;--accent-dim:#c2d600;--text:#f5f5f0;--muted:#9a9a92;--bg:#0a0a0a;--surface:#161616;--surface-alt:#1c1c1c;--border:#2b2b2b;--radius:8px;--transition:.15s ease;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font-family:inherit}html,body{width:100%;margin:0;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5rem;font-weight:700;line-height:1.2}h1{font-size:1.85rem}h2{font-size:1.25rem}h3{font-size:1rem}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header{padding:1.25rem 1.5rem;padding-top:calc(1.25rem + env(safe-area-inset-top));padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right));border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.logo-link{color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.logo-icon{width:auto;height:52px;display:block}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-line1{color:var(--accent);letter-spacing:.5px;font-size:1.25rem;font-weight:700}.logo-line2{color:var(--text);letter-spacing:2px;font-size:.75rem;font-weight:500}.header-tagline{color:var(--accent);text-align:right;max-width:260px;font-size:1.1rem;font-style:italic;font-weight:600}@media (width<=480px){.logo-icon{height:42px}.header-tagline{text-align:left;width:100%;max-width:none}}.quiz-container,.results-container{max-width:640px;padding:2rem 1.5rem calc(4rem + env(safe-area-inset-bottom));padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right));margin:0 auto}@media (width<=380px){.quiz-container,.results-container{padding-left:1rem;padding-right:1rem}.sport-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.progress-bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:2rem;position:relative}.progress-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .2s}.progress-bar-label{color:var(--muted);margin-top:.5rem;font-size:.85rem;display:block}.step h2{color:var(--text);margin-top:0}.step-subtitle{color:var(--muted);margin-top:-.5rem}.hero-banner{border:1px solid var(--border);background-image:url(https://images.unsplash.com/photo-1431324155629-1a6deb1dec8d?w=1200&h=600&fit=crop&q=80&auto=format);background-position:50% 35%;background-size:cover;border-radius:12px;height:220px;margin-bottom:1.5rem;position:relative;overflow:hidden}.hero-banner-overlay{background:linear-gradient(#0a0a0a1a 0%,#0a0a0ae6 100%);align-items:flex-end;padding:1.1rem 1.25rem;display:flex;position:absolute;inset:0}.hero-banner-text{color:var(--accent);font-family:var(--font-display);max-width:460px;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}@media (width<=480px){.hero-banner{height:180px}.hero-banner-text{font-size:.95rem}}.sport-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.sport-tile,.option-row{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(155deg, var(--surface-alt), var(--surface));min-height:44px;color:var(--text);cursor:pointer;text-align:left;transition:border-color var(--transition), background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:center;padding:.85rem 1rem;font-size:.95rem;display:flex}.sport-tile{text-align:center;flex-direction:column;justify-content:center;gap:.4rem;padding-top:1rem;padding-bottom:1rem}.sport-tile:hover,.option-row:hover{border-color:var(--muted);transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.sport-tile.selected,.option-row.selected{border-color:var(--accent);color:var(--accent);background:#e8ff2e1a;font-weight:600;box-shadow:0 0 0 1px #e8ff2e40,0 6px 16px #e8ff2e14}.option-list{flex-direction:column;gap:.6rem;margin:1.5rem 0;display:flex}.text-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;margin:1.5rem 0;padding:.85rem 1rem;font-size:1rem}.text-input::placeholder{color:var(--muted)}.step-actions{justify-content:space-between;margin-top:1.5rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius);cursor:pointer;min-height:44px;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#0a0a0a;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 6px 16px #e8ff2e33}.btn-primary:disabled{color:#7a7a70;cursor:not-allowed;background:#3a3a30}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.results-intro{color:var(--muted);margin-bottom:1.5rem}.sport-result{background:linear-gradient(160deg, var(--surface-alt) 0%, var(--surface) 55%);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.5rem;animation:.4s both card-in;overflow:hidden;box-shadow:0 10px 30px #0000004d}.sport-result-photo{object-fit:cover;border-bottom:1px solid var(--border);width:calc(100% + 3rem);height:180px;margin:-1.5rem -1.5rem 1.25rem;display:block}@media (width>=640px){.sport-result-photo{height:240px}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sport-result{animation:none}}.sport-result h2{color:var(--accent);font-size:1.6rem;font-weight:800}.sport-result-heading{align-items:center;gap:.65rem;display:flex}.sport-result h3{border-top:1px solid var(--border);color:var(--accent);text-transform:none;letter-spacing:0;margin-top:1.5rem;margin-bottom:.65rem;padding-top:1rem;font-size:1.05rem;font-weight:700}.sport-result p{margin:0}.detail-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.detail-list li{padding-left:1.1rem;line-height:1.5;position:relative}.detail-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.kit-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.kit-list a{min-height:32px;color:var(--accent);transition:border-color var(--transition);border-bottom:1px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.kit-list a:hover{border-bottom-color:var(--accent)}.book-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.book-list a{color:var(--accent);transition:border-color var(--transition);border-bottom:1px solid #0000;align-items:center;gap:.75rem;padding-bottom:.35rem;text-decoration:none;display:flex}.book-list a:hover{border-bottom-color:var(--accent)}.book-cover{object-fit:cover;border:1px solid var(--border);background:var(--surface);border-radius:3px;flex-shrink:0;width:40px;height:56px}.results-cta{background:linear-gradient(160deg, var(--surface-alt) 0%, var(--surface) 55%);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 10px 30px #0000004d}.results-cta h3{margin-bottom:.35rem}.placeholder-note{color:var(--muted);margin:0;font-size:.9rem;font-style:italic}.ad-badge{letter-spacing:.5px;border:1px solid var(--accent);color:var(--accent);vertical-align:middle;border-radius:4px;margin-left:.4rem;padding:.1rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.ad-disclosure{color:var(--muted);margin-top:.15rem;margin-bottom:.75rem;font-size:.85rem}.legal-page h2{color:var(--accent)}.legal-section{margin-bottom:1.5rem}.legal-page p{margin:0}.contact-form{flex-direction:column;gap:.35rem;margin-top:1.5rem;display:flex}.contact-form .text-input{margin:0 0 1rem}.form-label{color:var(--muted);font-size:.85rem}.contact-textarea{resize:vertical;font-family:inherit}.contact-form .btn-primary{align-self:flex-start;margin-top:.5rem}.app-footer{max-width:640px;padding:1.5rem calc(1.5rem + env(safe-area-inset-left)) calc(1.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin:0 auto;font-size:.85rem;display:flex}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--muted);transition:color var(--transition);text-decoration:none}.footer-links a:hover{color:var(--accent)}