@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=General+Sans:wght@400;500;600;700&display=swap");:root{--font-display:"Instrument Serif",Georgia,serif;--font-body:"General Sans",system-ui,-apple-system,sans-serif;--bg:#09090b;--surface-1:#0f0f12;--surface-2:#17171c;--surface-3:#25252d;--surface-4:#35353f;--text-primary:#ededef;--text-secondary:#9494a0;--text-tertiary:#5c5c6a;--accent:#d4a843;--accent-hover:#e0b855;--accent-bg:rgba(212,168,67,.08);--accent-border:rgba(212,168,67,.18);--error:#e85454;--success:#4ade80;--info:#5b9ef5;--warning:#f0a050;--radius-sm:2px;--radius-md:6px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:2px}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-body);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.display-font{font-family:var(--font-display)}.italic{font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes waveform-alt{0%,to{transform:scaleY(.5)}30%{transform:scaleY(.2)}70%{transform:scaleY(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px rgba(74,222,128,.4)}50%{box-shadow:0 0 12px rgba(74,222,128,.8)}}@keyframes pulseGoldGlow{0%,to{box-shadow:0 0 8px rgba(212,168,67,.2)}50%{box-shadow:0 0 24px rgba(212,168,67,.4)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideInThenFloat{0%{opacity:0;transform:translateX(40px)}15%{opacity:1;transform:translateX(0)}57.5%{transform:translateY(-8px)}to{transform:translateY(0)}}.hero-mockup{animation:slideInThenFloat 6s cubic-bezier(.16,1,.3,1) .3s both,float 6s ease-in-out 6.3s infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes particleFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(-80px) translateX(20px)}90%{opacity:1}to{transform:translateY(-160px) translateX(-10px);opacity:0}}@keyframes particleDrift{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}15%{opacity:.6}50%{transform:translateY(-100px) translateX(30px) scale(.8)}85%{opacity:.4}to{transform:translateY(-200px) translateX(-20px) scale(.6);opacity:0}}.hero-particle{animation:particleDrift 8s ease-in-out infinite}@keyframes heroWaveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.hero-waveform-bar{animation:heroWaveform 1.5s ease-in-out infinite;transform-origin:bottom}@keyframes statPulse{0%,to{text-shadow:0 0 20px rgba(212,168,67,.15)}50%{text-shadow:0 0 40px rgba(212,168,67,.3)}}.stat-pulse>div:first-child{animation:statPulse 4s ease-in-out infinite}.feature-card-glow{transition:border-color .4s ease,box-shadow .4s ease,transform .3s cubic-bezier(.16,1,.3,1)}.feature-card-glow:hover{border-color:rgba(212,168,67,.2)!important;box-shadow:0 0 40px rgba(212,168,67,.08),0 12px 40px rgba(0,0,0,.3);transform:translateY(-4px)}.animate-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-fade-scale{animation:fadeInScale .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-slide-right{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-float{animation:float 6s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.pulse-green{animation:pulseGlow 2s ease-in-out infinite}.pulse-gold{animation:pulseGoldGlow 3s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.card-hover{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.card-hover:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 60px rgba(212,168,67,.1);border-color:rgba(212,168,67,.25)!important}.btn-gold{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(212,168,67,.35);background:linear-gradient(135deg,#e0b855,#d4a843)!important}.btn-outline{transition:border-color .2s ease,color .2s ease,background .2s ease}.btn-outline:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(212,168,67,.05)!important}.row-hover{transition:background .2s ease}.row-hover:hover{background:var(--surface-2)!important}.nav-link{transition:color .2s ease}.nav-link:hover{color:var(--text-primary)!important}.tab-btn{transition:color .2s ease,background .2s ease,border-color .2s ease}.tab-btn:hover{color:var(--text-primary)!important;background:rgba(212,168,67,.03)}.genre-pill{transition:border-color .2s ease,color .2s ease,background .2s ease}.genre-pill:hover{border-color:var(--accent)!important;color:var(--accent)!important}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.glass{background:rgba(15,15,18,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.06)}.glass-subtle{background:rgba(15,15,18,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.04)}.glass-gold{background:rgba(212,168,67,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,168,67,.12)}.mobile-only{display:none!important}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-5{grid-template-columns:repeat(3,1fr)!important}.grid-2col,.sidebar-layout{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.contact-grid,.dashboard-two-col{grid-template-columns:1fr!important}.dashboard-sidebar{width:64px!important}.dashboard-sidebar .avatar-overlay,.dashboard-sidebar nav a span:last-child,.dashboard-sidebar span{display:none}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr!important;text-align:center}.hero-mockup{display:none!important}.hero-text{align-items:center}.hero-stats{justify-content:center!important}.artist-cover{height:300px!important}.session-video-grid{grid-template-columns:1fr 1fr!important}.signup-layout{flex-direction:column!important}.signup-branding{display:none!important}.signup-mobile-atmosphere,.signup-mobile-hero{display:block!important}.signup-layout>div:last-child{padding:40px 24px!important}.onboarding-mobile-hero{display:block!important}}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-only{display:flex!important}.mobile-stack{flex-direction:column!important;align-items:flex-start!important}.mobile-full{width:100%!important;min-width:unset!important}.grid-5{grid-template-columns:repeat(2,1fr)!important}.hero-text h1{font-size:52px!important;line-height:1.1!important}.hero-text p{font-size:15px!important}.nav-links{display:none!important}.stats-grid-4{grid-template-columns:1fr 1fr!important}.dashboard-two-col,.footer-grid{grid-template-columns:1fr!important}.footer-grid{gap:24px!important}.footer-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}.page-padding{padding:0 20px!important}.contact-grid{grid-template-columns:1fr!important}.filter-bar{gap:10px!important}.filter-row-1{gap:8px!important}.genre-pill{font-size:12px!important;padding:6px 14px!important}.artist-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.artist-card{border-radius:10px!important}.artist-card-cover{height:130px!important}.artist-card-info{padding:8px 10px 10px!important}.artist-card-info .card-genres{display:none!important}.card-price{font-size:10px!important;padding:2px 6px!important;top:6px!important;right:6px!important;border-radius:4px!important}.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}footer{padding:32px 20px!important}.hamburger-btn{display:flex!important}.nav-right-auth{gap:6px!important}.nav-right-auth>a:not(:last-child),.nav-right-auth>button{font-size:11px!important;padding:6px 12px!important}.nav-mobile-menu{position:fixed!important;top:56px!important;left:0!important;right:0!important;bottom:0!important;background:#09090b!important;z-index:99!important;display:flex!important;flex-direction:column!important;padding:32px 24px!important;gap:8px!important;overflow-y:auto!important}.nav-mobile-menu a{font-size:18px!important;padding:14px 0!important;border-bottom:1px solid var(--surface-3)!important;color:var(--text-primary)!important}.hero-cta-row{flex-direction:column!important;align-items:center!important}.hero-cta-row>*{width:100%!important;max-width:320px!important;text-align:center!important;justify-content:center!important}.homepage-section{padding-top:60px!important;padding-bottom:60px!important}.features-grid,.testimonials-grid{grid-template-columns:1fr!important}.artist-cover{height:220px!important}.artist-avatar{width:80px!important;height:80px!important;font-size:24px!important;border-width:2px!important}.artist-profile-header{flex-direction:row!important;align-items:flex-start!important;gap:16px!important;margin-top:-40px!important;margin-bottom:16px!important}.artist-profile-header>div:last-child{padding-bottom:0!important;padding-top:4px!important}.artist-profile-header h1{font-size:22px!important;word-break:break-word!important;line-height:1.15!important}.artist-profile-header .verified-badge svg{width:20px!important;height:20px!important}.artist-info-row{flex-direction:row!important;gap:10px!important;flex-wrap:wrap!important;font-size:12px!important}.stats-grid-4{margin-bottom:20px!important;border-radius:12px!important}.stats-grid-4>div{padding:14px 10px!important}.stats-grid-4>div div:first-child{font-size:18px!important;margin-bottom:2px!important}.stats-grid-4>div div:last-child{font-size:9px!important}.sidebar-layout{gap:20px!important;margin-bottom:40px!important}.booking-sidebar{max-width:100%!important;overflow:hidden!important}.booking-sidebar>div{padding:18px!important;max-width:100%!important;word-break:break-word!important}.booking-sidebar{position:static!important;top:auto!important}.tab-btn{padding:10px 16px!important}.artist-tab-bar{margin-bottom:16px!important}.dashboard-sidebar{display:none!important}.dash-mobile-header{display:flex!important}.dash-mobile-menu{display:block!important}.dashboard-main-wrap{flex-direction:column!important}.dashboard-main-wrap>main{padding-top:56px!important}.discover-hero h1{font-size:36px!important}.discover-hero p{font-size:14px!important;margin-bottom:0!important}.discover-hero{padding:36px 20px 28px!important;min-height:unset!important}.session-top-bar{flex-wrap:wrap!important;gap:8px!important;padding:8px 12px!important}.session-top-bar>div:last-child{display:none!important}.session-video-grid{grid-template-columns:1fr!important}.session-side-panel{position:fixed!important;inset:0!important;width:100%!important;z-index:200!important;border-left:none!important;top:0!important}.session-control-bar button{width:40px!important;height:40px!important}.session-control-bar .session-end-btn{padding:0 14px!important;height:40px!important;font-size:12px!important}.session-control-bar .control-divider{height:24px!important}.auth-container{max-width:100%!important;padding:0 20px!important}.signup-layout{flex-direction:column!important}.signup-branding{display:none!important}.signup-mobile-atmosphere,.signup-mobile-hero{display:block!important}.signup-layout>div:last-child{padding:40px 20px!important}.onboarding-mobile-hero{display:block!important}.card-hover:hover{transform:none}}@media (max-width:480px){.grid-4,.grid-5{grid-template-columns:1fr!important}.stats-grid-4{grid-template-columns:1fr 1fr!important}.hero-text h1{font-size:40px!important;line-height:1.1!important}.hero-text p{font-size:14px!important}.hero-stats{flex-direction:column!important;gap:16px!important}.hero-stats>div{border-right:none!important;padding-right:0!important;border-bottom:1px solid var(--surface-3);padding-bottom:16px}.page-padding{padding:0 16px!important}.page-padding[style*=padding]{padding-top:40px!important;padding-bottom:40px!important}.btn-gold,.btn-outline{font-size:12px!important;padding:10px 20px!important}.genre-pill{font-size:11px!important;padding:4px 10px!important}.tab-btn{font-size:12px!important;white-space:nowrap}.artist-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.artist-card-cover{height:110px!important}.artist-card-info{padding:6px 8px 8px!important}.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.artist-cover{height:180px!important}.artist-profile-header{margin-top:-28px!important;margin-bottom:12px!important;gap:12px!important}.artist-avatar,.artist-profile-header h1{font-size:20px!important}.artist-avatar{width:68px!important;height:68px!important;border-width:2px!important}.stats-grid-4{margin-bottom:16px!important;border-radius:10px!important}.stats-grid-4>div{padding:12px 8px!important}.stats-grid-4>div div:first-child{font-size:16px!important}.booking-sidebar>div{padding:14px!important}.artist-tab-bar{margin-bottom:12px!important}.sidebar-layout{gap:16px!important;margin-bottom:32px!important}.session-control-bar button{width:36px!important;height:36px!important}.session-control-bar .session-end-btn{padding:0 10px!important;height:36px!important;font-size:11px!important}.auth-container h2{font-size:26px!important}.signup-branding{display:none!important}.onboarding-mobile-hero,.signup-mobile-atmosphere,.signup-mobile-hero{display:block!important}.signup-layout{flex-direction:column!important}.signup-layout>div:last-child{padding:32px 16px!important}.homepage-nav-auth{gap:8px!important}.homepage-nav-auth .btn-gold{padding:7px 14px!important;font-size:12px!important}}