@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-page:#f8fafc;--bg-page-alt:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fff;--bg-input:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-cyan:#0284c7;--accent-blue:#2563eb;--accent-pink:#db2777;--accent-green:#16a34a;--accent-red:#dc2626;--gradient-brand:linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #2563eb 100%);--gradient-green:linear-gradient(135deg, #16a34a 0%, #059669 100%);--gradient-instagram:linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--gradient-youtube:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-whatsapp:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--shadow-card:0 20px 35px -5px #0f172a0f, 0 10px 20px -5px #0f172a0a, 0 0 0 1px #e2e8f0cc;--shadow-hover:0 25px 45px -5px #0f172a1a, 0 12px 24px -5px #0f172a0f;--shadow-button:0 4px 14px 0 #0284c740}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.app-layout{background-color:var(--bg-page);flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-grid-pattern{opacity:.35;pointer-events:none;z-index:0;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.bg-gradient-spotlight{filter:blur(140px);opacity:.08;pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed}.bg-gradient-spotlight.top-left{background:radial-gradient(circle,#38bdf8,#0284c7);top:-150px;left:-150px}.bg-gradient-spotlight.bottom-right{background:radial-gradient(circle,#34d399,#059669);bottom:-150px;right:-150px}.navbar-container{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#ffffffe0;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.navbar-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.brand-icon-wrapper{background:var(--gradient-brand);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;box-shadow:0 4px 12px #2563eb40}.brand-sparkle{color:gold;position:absolute;top:-2px;right:-2px}.brand-text{align-items:center;gap:.5rem;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.25rem;font-weight:800}.brand-highlight{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-badge{text-transform:uppercase;letter-spacing:.05em;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.nav-tabs{border:1px solid var(--border-color);background:#f1f5f9;border-radius:10px;align-items:center;gap:.4rem;padding:.25rem;display:flex}.nav-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.nav-tab-btn:hover{color:var(--text-primary)}.nav-tab-btn.active{color:var(--accent-primary);background:#fff;box-shadow:0 2px 6px #0000000f}.navbar-actions{align-items:center;gap:.6rem;display:flex}.guide-btn{color:var(--accent-primary);cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.guide-btn:hover{color:var(--accent-primary-hover);background:#dbeafe}.gh-link-btn{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.gh-link-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#f1f5f9}.main-content{z-index:10;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;position:relative}.section-tab-switcher-wrapper{justify-content:center;width:100%;margin-bottom:2rem;display:flex}.section-tab-switcher{border:1px solid var(--border-color);background:#f1f5f9;border-radius:14px;align-items:center;gap:.35rem;padding:.3rem;display:inline-flex;box-shadow:0 2px 6px #0f172a0a}.tab-switch-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.tab-switch-btn:hover{color:var(--text-primary)}.tab-switch-btn.active{color:#0284c7;background:#fff;box-shadow:0 2px 10px #0284c71f,0 1px 3px #0000000d}.gate-standalone-view{justify-content:center;align-items:center;min-height:75vh;display:flex}.unlock-gate-wrapper{justify-content:center;width:100%;display:flex;position:relative}.ambient-glow{filter:blur(90px);opacity:.2;pointer-events:none;border-radius:50%;position:absolute}.glow-1{background:#bae6fd;width:300px;height:300px;top:0%;left:15%}.glow-2{background:#bbf7d0;width:260px;height:260px;bottom:0%;right:15%}.gate-card{z-index:10;background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:480px;box-shadow:var(--shadow-card);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.25rem 2rem;transition:box-shadow .3s;display:flex;position:relative}.gate-card:hover{box-shadow:var(--shadow-hover)}.shining-marquee-bar{background:linear-gradient(135deg,#eff6ff 0%,#fdf2f8 50%,#f0fdf4 100%);border:1px solid #dbeafe;border-radius:14px;padding:.55rem 0;position:relative;overflow:hidden;box-shadow:0 2px 8px #2563eb0f}.shining-glimmer-sweep{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffffd9 50%,#0000 100%);width:100%;height:100%;animation:3.5s ease-in-out infinite glimmerSweep;position:absolute;top:0;left:-150%}@keyframes glimmerSweep{0%{left:-100%}60%,to{left:150%}}.marquee-track{-webkit-user-select:none;user-select:none;width:max-content;animation:18s linear infinite marqueeScroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content{align-items:center;gap:.85rem;padding-right:.85rem;display:flex}.shining-text{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,#2563eb 0%,#ec4899 25%,#f59e0b 50%,#10b981 75%,#2563eb 100%) 0 0/200%;-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:.8rem;font-weight:800;animation:3s linear infinite shineShimmer}@keyframes shineShimmer{to{background-position:200%}}.marquee-dot{color:#94a3b8;font-size:.75rem}.marquee-fingers-group{-webkit-user-select:none;user-select:none;background:#2563eb14;border:1px solid #2563eb38;border-radius:9999px;justify-content:center;align-items:center;gap:2px;padding:.12rem .4rem;line-height:1;display:inline-flex;box-shadow:0 1px 4px #2563eb1f}.animated-finger{transform-origin:bottom;filter:drop-shadow(0 1px 2px #00000026);font-size:.92rem;line-height:1;animation:1.1s cubic-bezier(.34,1.56,.64,1) infinite fingerBounceDown;display:inline-block}.animated-finger.finger-left{animation-delay:0s}.animated-finger.finger-right{animation-delay:.18s}@keyframes fingerBounceDown{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(4.5px)scale(1.15)}60%{transform:translateY(2px)scale(1.05)}}.unlock-gate-wrapper.is-preview .gate-card{max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:20px;padding:1.25rem}.gate-header{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.cover-art-container{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 28px -4px #0f172a1f,0 0 0 1px #e2e8f0cc}.cover-art-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gate-card:hover .cover-art-img{transform:scale(1.03)}.cover-glow{position:absolute;inset:0;box-shadow:inset 0 0 15px #00000026}.lock-badge{letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:8px;right:8px}.lock-badge.locked{color:#dc2626;background:#fef2f2f2;border:1px solid #fecaca;box-shadow:0 2px 6px #dc26261f}.lock-pulse{animation:2s ease-in-out infinite pulseLock}@keyframes pulseLock{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.lock-badge.unlocked{color:#059669;background:#ecfdf5f2;border:1px solid #a7f3d0;box-shadow:0 2px 8px #05966926}.unlock-anim{animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.audio-preview-toggle{color:#0f172a;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 10px #0000001a}.audio-preview-toggle:hover{color:var(--accent-primary);background:#fff;transform:scale(1.08)}.audio-preview-toggle.playing{background:var(--accent-primary);color:#fff}.track-details{flex-direction:column;align-items:center;gap:.45rem;width:100%;display:flex}.creator-pill{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.track-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;font-size:1.45rem;font-weight:800;line-height:1.3}.track-subtitle{color:var(--text-secondary);max-width:380px;font-size:.875rem;line-height:1.4}.audio-wave-container{justify-content:center;align-items:center;gap:3px;height:22px;margin-top:.4rem;display:flex}.wave-bar{transform-origin:bottom;background-color:#6366f1;border-radius:2px;width:3px;height:100%;transition:transform .2s;transform:scaleY(.2)}.wave-bar.animated{animation:waveAnim var(--anim-duration) ease-in-out infinite alternate;animation-delay:var(--anim-delay)}@keyframes waveAnim{0%{transform:scaleY(.2)}to{transform:scaleY(var(--bar-scale))}}.progress-section{border:1px solid var(--border-color);background:#f8fafc;border-radius:16px;flex-direction:column;gap:.5rem;padding:.9rem 1.1rem;display:flex}.progress-meta{justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex}.progress-label{color:var(--text-secondary)}.progress-percent{color:var(--accent-primary);font-weight:800}.progress-track{background:#e2e8f0;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--gradient-brand);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill.full-glow{background:var(--gradient-green);box-shadow:0 0 10px #16a34a66}.steps-container{flex-direction:column;gap:.85rem;display:flex}.step-item{border:1px solid var(--border-color);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:.95rem 1.1rem;transition:all .25s;display:flex;box-shadow:0 2px 8px #0f172a05}.step-item:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a0a}.step-item.completed{background:#f0fdf4;border-color:#bbf7d0}.step-left{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.step-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.youtube-icon-box{color:#dc2626;background:#fee2e2}.instagram-icon-box{color:#db2777;background:#fce7f3}.whatsapp-icon-box{color:#16a34a;background:#dcfce7}.step-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.step-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.7rem;font-weight:700}.step-title{color:var(--text-primary);word-break:break-word;font-size:.92rem;font-weight:700;line-height:1.3}.step-right{flex-shrink:0;align-items:center;display:flex}.step-btn{cursor:pointer;white-space:nowrap;touch-action:manipulation;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.05rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.action-youtube{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444440}.action-youtube:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #dc262659}.step-item.need-action{background:#fffbeb;border-color:#fde68a;box-shadow:0 4px 14px #f59e0b1f}.action-youtube-bell{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);box-shadow:0 4px 14px #dc262659}.action-youtube-bell:hover{background:linear-gradient(135deg,#c2410c 0%,#b91c1c 100%);transform:translateY(-1px)}.pulse-bell{animation:1.8s ease-in-out infinite pulseBellBtn}@keyframes pulseBellBtn{0%,to{box-shadow:0 4px 14px #dc26264d}50%{box-shadow:0 0 20px #ea580c99}}.bell-ring{transform-origin:top;animation:1.2s ease-in-out infinite bellRingAnim}@keyframes bellRingAnim{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}.action-instagram{background:var(--gradient-instagram);color:#fff;box-shadow:0 4px 12px #db277740}.action-instagram:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #db277759}.action-whatsapp{color:#fff;background:#16a34a;box-shadow:0 4px 12px #16a34a40}.action-whatsapp:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #15803d59}.step-btn.checking{color:var(--text-secondary);border:1px solid var(--border-color);background:#f1f5f9}.spin{animation:1s linear infinite spinAnim}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-completed-badge{color:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.unlocked-card-wrapper{margin-top:.5rem}.unlocked-content-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1.5px solid #86efac;border-radius:20px;flex-direction:column;gap:1.35rem;padding:1.6rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) revealContent;display:flex;box-shadow:0 10px 25px -5px #16a34a1f}@keyframes revealContent{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.unlocked-header{align-items:center;gap:.9rem;display:flex}.unlocked-icon-pulse{color:#fff;background:#16a34a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #16a34a4d}.unlocked-title{font-family:var(--font-display);color:#064e3b;font-size:1.2rem;font-weight:800}.unlocked-desc{color:#047857;font-size:.82rem}.unlocked-actions{flex-direction:column;gap:.85rem;display:flex}.primary-download-btn{color:#fff;font-family:var(--font-display);touch-action:manipulation;background:#0f172a;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.35rem;font-size:1.05rem;font-weight:800;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 8px 20px -4px #0f172a4d}.primary-download-btn:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 12px 25px -4px #0f172a66}.pulse-glow{animation:2.5s infinite buttonPulse}@keyframes buttonPulse{0%,to{box-shadow:0 6px 18px #0f172a40}50%{box-shadow:0 8px 24px #0f172a66}}.secondary-actions{gap:.6rem;display:flex}.secondary-btn{color:var(--text-secondary);cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.secondary-btn:hover{color:var(--text-primary);background:#f8fafc;border-color:#94a3b8}.locked-placeholder{color:var(--text-muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:1.25rem;font-size:.85rem;font-weight:600;display:flex}.preview-indicator-bar{color:var(--accent-primary);background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.8rem;display:flex}.btn-inline-link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-weight:700}.btn-inline-link:hover{text-decoration:underline}.footer-container{border-top:1px solid var(--border-color);z-index:10;background:#fff;margin-top:auto;padding:2rem 1.5rem;position:relative}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;max-width:1200px;margin:0 auto;display:flex}.footer-badges{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.footer-badge{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.footer-copyright{color:var(--text-muted);font-size:.8rem}.visitor-badge-compact{color:#0369a1;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;background:#0284c714;border:1px solid #0284c738;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex}.visitor-badge-compact:hover{background:#0284c724;border-color:#0284c766;transform:translateY(-1px)}.visitor-badge-icon{color:#0284c7}.visitor-count-number{font-family:var(--font-display);color:#0f172a;font-weight:800}.visitor-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.72rem;font-weight:700}.visitor-pill-card{color:var(--text-secondary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.85rem;margin:.6rem auto .4rem;padding:.4rem .95rem;font-size:.78rem;display:inline-flex;box-shadow:0 2px 6px #0f172a08}.visitor-pill-left,.visitor-pill-right{align-items:center;gap:.35rem;display:inline-flex}.visitor-pill-divider{background:#cbd5e1;width:1px;height:14px}.visitor-online-text strong{color:#16a34a;font-weight:800}.visitor-total-text strong{color:var(--text-primary);font-weight:800}.visitor-icon-eye{color:#0284c7}.visitor-counter-widget{width:100%;max-width:680px;margin:.25rem 0 1rem}.visitor-counter-inner{background:linear-gradient(135deg,#f8fafce6 0%,#f1f5f9f2 100%);border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:1.5rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 4px 16px -2px #0f172a0a}.visitor-stat-item{text-align:left;align-items:center;gap:.75rem;display:flex}.visitor-stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.visitor-stat-icon-wrap.total{color:#0284c7;background:#0284c71f}.visitor-stat-icon-wrap.online{color:#16a34a;background:#16a34a1f}.visitor-stat-icon-wrap.verified{color:#ef4444;background:#ef44441f}.visitor-stat-info{flex-direction:column;display:flex}.visitor-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:600}.visitor-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.2}.visitor-stat-value.count-glow{color:#0369a1}.visitor-stat-value.live-glow{color:#15803d}.visitor-stat-value.verified-glow{color:#b91c1c;font-size:.95rem}.visitor-sublabel{text-transform:uppercase;color:#15803d;background:#16a34a26;border-radius:4px;margin-left:.25rem;padding:.1rem .35rem;font-size:.68rem;font-weight:700}.visitor-skeleton{opacity:.5;animation:1.2s infinite pulse-skeleton}.visitor-pulse-dot{background-color:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s cubic-bezier(.66,0,0,1) infinite pulse-live-dot;display:inline-block;box-shadow:0 0 #22c55eb3}.visitor-pulse-dot.static-pulse{width:6px;height:6px;position:absolute;top:4px;right:4px}@keyframes pulse-live-dot{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}@keyframes pulse-skeleton{0%,to{opacity:.3}50%{opacity:.8}}@media (width<=640px){.visitor-counter-inner{flex-direction:column;gap:.85rem;width:100%;padding:.85rem 1rem}.visitor-stat-item{justify-content:flex-start;width:100%}.visitor-badge-compact .visitor-label{display:none}}.studio-hero{text-align:center;max-width:720px;margin:0 auto 2.5rem}.studio-hero-badge{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.studio-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.8rem;font-size:2.75rem;font-weight:800;line-height:1.15}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.studio-subtitle{color:var(--text-secondary);font-size:1.05rem}.studio-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=960px){.studio-grid{grid-template-columns:1fr}}.panel-card{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;padding:1.75rem}.panel-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.panel-title-group{align-items:center;gap:.6rem;display:flex}.panel-icon{color:var(--accent-primary)}.panel-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:700}.panel-pill{color:var(--text-muted);background:#f1f5f9;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.builder-form{flex-direction:column;gap:1.5rem;display:flex}.form-section{border:1px solid var(--border-color);background:#f8fafc;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.form-section.highlight-section{background:#eff6ff;border-color:#bfdbfe}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);font-size:.9rem;font-weight:700}.form-group{flex-direction:column;gap:.4rem;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-row{align-items:center;display:flex}.gap-1{gap:.35rem}.text-red{color:#dc2626}.text-pink{color:#db2777}.text-green{color:#16a34a}.text-cyan{color:#0284c7}.label-hint{color:var(--text-muted);font-size:.75rem;font-weight:700}.label-badge{color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.custom-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:10px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.custom-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.input-subtext{color:var(--text-muted);font-size:.75rem}.cover-preset-row{grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.3rem;display:grid}.cover-preset-btn{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;transition:all .2s;overflow:hidden}.cover-preset-btn img{object-fit:cover;width:100%;height:100%}.cover-preset-btn:hover{border-color:var(--accent-primary);transform:scale(1.05)}.cover-preset-btn.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb4d}.generate-gate-btn{background:var(--gradient-brand);color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-button);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:1rem;font-size:1.05rem;font-weight:800;transition:all .25s;display:flex}.generate-gate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-color);width:100%;max-width:560px;box-shadow:var(--shadow-hover);background:#fff;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.modal-header{align-items:flex-start;gap:1rem;display:flex;position:relative}.modal-icon-badge{width:44px;height:44px;color:var(--accent-primary);background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;font-weight:800}.modal-subtitle{color:var(--text-secondary);font-size:.85rem}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:0;right:0}.modal-close-btn:hover{color:var(--text-primary)}@media (width<=640px){.main-content{padding:1rem .85rem}.gate-standalone-view{min-height:auto;padding:.5rem 0 1.5rem}.gate-card{border-radius:20px;gap:1.25rem;padding:1.25rem .95rem}.cover-art-container{border-radius:12px}.track-title{font-size:1.15rem;line-height:1.35}.track-subtitle{font-size:.82rem}.step-item{border-radius:14px;gap:.5rem;padding:.75rem .85rem}.step-icon-box{border-radius:10px;width:38px;height:38px}.step-tag{font-size:.65rem}.step-title{font-size:.84rem;line-height:1.25}.step-btn{border-radius:8px;gap:.25rem;padding:.5rem .8rem;font-size:.78rem}.step-completed-badge{border-radius:8px;padding:.42rem .7rem;font-size:.78rem}.primary-download-btn{border-radius:12px;padding:.85rem 1rem;font-size:.95rem}.secondary-actions{flex-direction:column;gap:.5rem}.secondary-btn{width:100%;padding:.65rem}.navbar-content{padding:.75rem 1rem}.brand-name{font-size:1.05rem}.brand-badge{font-size:.65rem}.footer-container{padding:1.5rem 1rem}.footer-badges{gap:.75rem}.footer-badge{font-size:.75rem}.hide-mobile{display:none}}.old-songs-nav-btn{color:var(--accent-primary);cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.old-songs-nav-btn:hover,.old-songs-nav-btn.active{color:#1d4ed8;background:#dbeafe;box-shadow:0 2px 8px #2563eb26}.old-songs-portal-card{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding:.95rem 1.15rem;transition:all .25s;display:flex}.old-songs-portal-card:hover{background:#eff6ff;border-style:solid;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb14}.old-songs-card-left{align-items:center;gap:.85rem;min-width:0;display:flex}.old-songs-icon-circle{width:40px;height:40px;color:var(--accent-primary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.old-songs-text-group{flex-direction:column;gap:.15rem;min-width:0;display:flex}.old-songs-badge-pill{text-transform:uppercase;color:#0284c7;letter-spacing:.04em;font-size:.65rem;font-weight:800}.old-songs-card-title{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.25}.old-songs-card-desc{color:var(--text-muted);font-size:.75rem}.old-songs-cta-btn{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;align-items:center;gap:.3rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.old-songs-portal-card:hover .old-songs-cta-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.old-songs-archive-container{flex-direction:column;gap:1.5rem;width:100%;max-width:820px;margin:0 auto;display:flex}.archive-header-card{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.archive-header-top{justify-content:space-between;align-items:center;display:flex}.back-to-gate-btn{color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.back-to-gate-btn:hover{color:var(--text-primary);background:#e2e8f0}.archive-badge{color:#0284c7;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:flex}.archive-title-section{align-items:center;gap:1rem;display:flex}.archive-icon-box{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0284c74d}.spin-slow{animation:8s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.archive-main-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.55rem;font-weight:800;line-height:1.2}.archive-subtitle{color:var(--text-secondary);margin-top:.2rem;font-size:.875rem}.archive-controls{flex-direction:column;gap:.85rem;display:flex}.archive-search-box{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;align-items:center;gap:.6rem;padding:.65rem 1rem;transition:all .2s;display:flex}.archive-search-box:focus-within{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.search-icon{color:var(--text-muted)}.archive-search-input{color:var(--text-primary);background:0 0;border:none;flex:1;font-family:inherit;font-size:.9rem}.archive-search-input:focus{outline:none}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1.2rem}.category-chips{flex-wrap:wrap;gap:.5rem;display:flex}.category-chip{color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.category-chip:hover{color:var(--text-primary);background:#e2e8f0}.category-chip.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c74d}.archive-songs-card{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.archive-list-meta{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.results-count{color:var(--text-primary)}.direct-hint{color:#16a34a}.archive-songs-grid{flex-direction:column;gap:.65rem;display:flex}.archive-song-row{border:1px solid var(--border-color);background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:all .2s;display:flex}.archive-song-row:hover{background:#fff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0a}.song-left-col{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.song-num-box{color:#0284c7;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.song-details{flex-direction:column;gap:.15rem;min-width:0;display:flex}.song-name{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.3}.song-category-tag{color:var(--text-muted);font-size:.7rem;font-weight:700}.song-actions-col{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.song-action-btn{white-space:nowrap;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.listen-btn{color:var(--text-secondary);background:#f1f5f9;border:1px solid #e2e8f0}.listen-btn:hover{color:var(--text-primary);background:#e2e8f0}.download-btn{color:#fff;background:#16a34a;border:1px solid #16a34a;box-shadow:0 2px 8px #16a34a40}.download-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #15803d59}.no-songs-found{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.9rem}@media (width<=640px){.section-tab-switcher-wrapper{margin-bottom:1.15rem;padding:0 .25rem}.section-tab-switcher{border-radius:12px;width:100%;max-width:100%;padding:.25rem;display:flex}.tab-switch-btn{text-align:center;flex:1 1 0;justify-content:center;min-width:0;padding:.5rem .35rem;font-size:.76rem;font-weight:700}.category-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.4rem;overflow-x:auto}.category-chips::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;padding:.35rem .65rem;font-size:.75rem}.archive-header-card{border-radius:16px;gap:1rem;padding:1.15rem .85rem}.archive-main-title{font-size:1.2rem}.archive-subtitle{font-size:.8rem}.archive-songs-card{border-radius:16px;padding:1rem .75rem}.archive-song-row{flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem .8rem}.song-name{font-size:.84rem}.song-actions-col{gap:.4rem;width:100%;display:flex}.song-action-btn{flex:1 1 0;justify-content:center;padding:.55rem .5rem;font-size:.78rem}.old-songs-portal-card{flex-direction:column;align-items:stretch;gap:.75rem;padding:.85rem}.old-songs-card-left{width:100%}.old-songs-cta-btn{justify-content:center;width:100%;padding:.55rem}}@media (width<=440px){.main-content{padding:.75rem .5rem 2rem}.tab-switch-btn{padding:.45rem .25rem;font-size:.72rem}.gate-card{border-radius:16px;gap:1rem;padding:1rem .75rem}.step-item{padding:.7rem .65rem}.step-icon-box{width:34px;min-width:34px;height:34px}.step-title{font-size:.8rem}.step-btn{padding:.45rem .65rem;font-size:.75rem}.step-completed-badge{padding:.4rem .6rem;font-size:.75rem}}