:root{--bg-body: #0c0c0e;--bg-surface: #131316;--bg-elevated: #1a1a1f;--bg-footer: #08080a;--accent: #ff2d7e;--accent-soft: rgba(255, 45, 126, .12);--accent-strong: rgba(255, 45, 126, .42);--text-primary: #f5f3ee;--text-secondary: #a8a59b;--text-muted: #6b6960;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .12);--border-accent: rgba(255, 45, 126, .32);--shadow-card: 0 1px 0 rgba(255, 255, 255, .02);--shadow-card-hover: 0 6px 24px rgba(0, 0, 0, .35);--focus-ring: 0 0 0 3px rgba(255, 45, 126, .32);--error-color: #ef4444;--font-display: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--max-width: 1100px;--section-gap: 6rem;--transition-fast: .15s ease;--transition-base: .25s ease;--radius-card: 4px;--radius-btn: 4px}html{scroll-behavior:smooth}html,body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em}.btn-primary{display:inline-block;background:var(--accent);color:#fff;font-family:var(--font-body);font-weight:500;font-size:.95rem;text-decoration:none;border:1px solid var(--accent);border-radius:var(--radius-btn);padding:12px 24px;transition:background var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base)}.btn-primary:hover{background:#ff4d92;transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-soft)}.btn-primary:active{transform:translateY(0)}.btn-primary--ghost{background:transparent;color:var(--accent)}.btn-primary--ghost:hover{background:var(--accent-soft);color:var(--accent)}.btn-primary:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--focus-ring)}.skip-to-content{position:absolute;top:-100px;left:16px;z-index:100;padding:12px 20px;background:var(--bg-surface);color:var(--accent);text-decoration:none;border:1px solid var(--accent);border-radius:var(--radius-card);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;transition:top var(--transition-fast)}.skip-to-content:focus,.skip-to-content:focus-visible{top:16px;outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero{position:relative;min-height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:6rem}.hero-signal{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.22}.hero-signal path{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke;animation:signal-drift 24s ease-in-out infinite}@keyframes signal-drift{0%,to{transform:translate(-3%)}50%{transform:translate(3%)}}@media(prefers-reduced-motion:reduce){.hero-signal path{animation:none}}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:var(--max-width);padding:32px 32px 48px}.hero-image{width:180px;height:180px;border-radius:50%;object-fit:cover;border:1px solid var(--border-subtle);margin-bottom:32px;transition:border-color var(--transition-base)}.hero-image:hover{border-color:var(--border-accent)}.hero-name{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 12px;color:var(--text-primary)}.hero-tagline{font-family:var(--font-body);font-weight:500;font-size:.75rem;color:var(--accent);margin:0 0 28px;text-transform:uppercase;letter-spacing:.18em}.hero-bio{max-width:640px;margin-bottom:32px}.hero-bio p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.hero-search{margin-top:8px;position:relative;display:inline-block}.hero-search input{width:360px;max-width:100%;padding:12px 20px;font-family:var(--font-body);font-size:.95rem;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-btn);outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.hero-search input::placeholder{color:var(--text-muted)}.hero-search input:focus-visible{border-color:var(--accent);background:var(--bg-elevated)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color var(--transition-fast)}.search-clear:hover{color:var(--text-primary)}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.hero-results-count{margin:16px 0 0;font-family:var(--font-body);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}main{max-width:var(--max-width);margin:0 auto;padding:0 32px}main>section{padding-top:var(--section-gap)}main>section:last-of-type{padding-bottom:var(--section-gap)}.section-title{position:relative;font-family:var(--font-display);font-weight:600;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 2.5rem}.section-title:before{display:block;content:attr(data-kicker);font-family:var(--font-body);font-weight:500;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.store-item{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);padding:28px 24px;border-radius:var(--radius-card);border:1px solid var(--border-subtle);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base);box-shadow:var(--shadow-card);animation:fadeInUp .4s ease both;animation-delay:calc(var(--card-index, 0) * 60ms)}.store-item:hover{background:var(--bg-elevated);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.store-item h3{color:var(--text-primary);margin:0 0 10px;font-size:1.05rem;font-weight:600;text-align:center}.store-item p{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.6;text-align:center}.youtube-embed-container{margin-bottom:14px}iframe{width:100%;height:180px;display:block;border:none;border-radius:4px}.store-item .download-btn,.store-item .youtube-button{padding:10px 24px;font-size:.8rem;margin-top:auto;align-self:center;letter-spacing:.06em;text-transform:uppercase}.error-message{grid-column:1 / -1;text-align:center;padding:40px;font-size:1rem;color:var(--error-color)}.skeleton-card{pointer-events:none}.skeleton-bar{height:14px;border-radius:4px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-bar--title{width:60%;height:18px;margin:0 auto 14px}.skeleton-bar--desc{width:80%;margin:0 auto 10px}.skeleton-bar--button{width:40%;height:32px;border-radius:var(--radius-btn);margin:16px auto 0}.no-results{text-align:center;padding:60px 24px;max-width:480px;margin:0 auto}.no-results-icon{font-size:2rem;margin-bottom:16px;opacity:.4}.no-results-message{color:var(--text-secondary);font-size:.95rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.no-results-suggestion{color:var(--text-muted);font-size:.85rem}.back-to-top{position:fixed;bottom:28px;right:28px;width:40px;height:40px;border:1px solid var(--accent);border-radius:var(--radius-btn);background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base),background var(--transition-base);pointer-events:none;z-index:100}.back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:#ff4d92}.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}footer{padding:32px;background:var(--bg-footer);color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border-subtle)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:24px;margin:0}.footer-links a{color:var(--text-secondary);text-decoration:none;font-family:var(--font-body);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent)}.footer-copyright{margin:0;letter-spacing:.02em;color:var(--text-secondary);font-size:.8rem}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-elevated);border:1px solid var(--border-medium);border-left:2px solid var(--accent);border-radius:var(--radius-card);padding:14px 24px;color:var(--text-primary);font-size:.85rem;letter-spacing:.02em;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:9998;box-shadow:0 4px 24px #0006}.toast--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.scroll-reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.scroll-reveal--visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.content-grid{grid-template-columns:repeat(2,1fr)}.hero-image{width:160px;height:160px}}@media(max-width:767px){main{padding:0 20px}main>section{padding-top:4rem}.hero{padding-top:3rem}.hero-content{padding:24px 20px 40px}.hero-image{width:140px;height:140px;margin-bottom:24px}.hero-bio p{font-size:.95rem}.hero-search input{width:280px}.content-grid{grid-template-columns:1fr;gap:16px}.footer-inner{flex-direction:column;text-align:center;gap:16px}.back-to-top{bottom:20px;right:20px;width:36px;height:36px}}
