:root{--primary:#0f172a;--primary-light:#1e293b;--royal-blue:#2563eb;--royal-blue-hover:#1d4ed8;--accent-gold:#f59e0b;--accent-gold-light:#fef3c7;--accent-gold-dark:#d97706;--bg-main:#f8faf9;--bg-cream:#fdfbf7;--bg-surface:#fff;--bg-light-blue:#eff6ff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--text-gold:#b45309;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-serif:"Lora", Georgia, serif;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media (min-width:768px){.container{padding:0 24px}}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-free{color:#166534;background:#dcfce7}.badge-premium{background:var(--accent-gold-light);color:var(--text-gold)}.badge-genre{background:var(--bg-light-blue);color:var(--royal-blue)}.btn-primary{background:var(--royal-blue);color:var(--text-inverse);border-radius:var(--radius-md);transition:var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--royal-blue-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-light-blue);border-color:var(--royal-blue);color:var(--royal-blue)}.scroll-observer-wrapper{opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-observer-wrapper.fade-up{opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.scroll-observer-wrapper.fade-in{opacity:1;visibility:visible;transition:opacity .6s;transform:translateY(0)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-screen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s,visibility .4s;background-color:var(--bg-main,#f8faf9)!important;z-index:999999!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}.splash-screen.fade-out{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.splash-logo{flex-direction:column;align-items:center;gap:24px;animation:2s ease-in-out infinite pulseLogo;display:flex}.splash-loader{background:#0f172a1a;border-radius:4px;width:48px;height:4px;position:relative;overflow:hidden}.splash-loader:after{content:"";background:var(--royal-blue,#2563eb);border-radius:4px;width:50%;height:100%;animation:1.2s ease-in-out infinite loadingBar;position:absolute;top:0;left:0}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes loadingBar{0%{left:-50%}to{left:100%}}