@keyframes parallax-float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-10px) translateX(5px)}66%{transform:translateY(-5px) translateX(-5px)}}.parallax-element{animation:parallax-float 6s ease-in-out infinite}.parallax-element-slow{animation:parallax-float 8s ease-in-out infinite}.parallax-element-fast{animation:parallax-float 4s ease-in-out infinite}.text-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.text-reveal.visible{opacity:1;transform:translateY(0)}.text-reveal-delay-1{transition-delay:.1s}.text-reveal-delay-2{transition-delay:.2s}.text-reveal-delay-3{transition-delay:.3s}.magnetic-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.magnetic-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.dark .magnetic-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.5)}.liquid-button{position:relative;overflow:hidden;isolation:isolate}.liquid-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.liquid-button:hover:before{opacity:1}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(197,165,114,.3) 0,transparent 70%);transform:scale(0);opacity:0;pointer-events:none}.ripple-effect:active:after{animation:ripple .6s ease-out}.shimmer-container{position:relative;overflow:hidden}.shimmer-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);animation:shimmer-slide 2s infinite}.dark .shimmer-container:after{background:linear-gradient(90deg,transparent,rgba(197,165,114,.1) 50%,transparent)}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 3s ease infinite}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.animate-glitch-1{animation:glitch-1 .3s infinite}.animate-glitch-2{animation:glitch-2 .3s infinite reverse}@keyframes bounce-rotate{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-5px) rotate(-5deg)}}.animate-bounce-rotate{animation:bounce-rotate 2s ease-in-out infinite}@keyframes note-float{0%{transform:translateY(0) rotate(0deg);opacity:.2}50%{opacity:.4}to{transform:translateY(-30px) rotate(10deg);opacity:0}}.animate-note-float{animation:note-float 4s ease-in-out infinite}@keyframes vinyl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-vinyl-spin{animation:vinyl-spin 3s linear infinite}.animate-vinyl-spin-slow{animation:vinyl-spin 8s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(197,165,114,.3)}50%{box-shadow:0 0 40px rgba(197,165,114,.6)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:stagger-fade-in .5s ease forwards}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-scale-pulse{animation:scale-pulse 2s ease-in-out infinite}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-wave,.animate-wave-delay-1{animation:wave 1.5s ease-in-out infinite}.animate-wave-delay-1{animation-delay:.1s}.animate-wave-delay-2{animation:wave 1.5s ease-in-out infinite;animation-delay:.2s}.animate-wave-delay-3{animation:wave 1.5s ease-in-out infinite;animation-delay:.3s}@media (prefers-reduced-motion:reduce){.animate-bounce-rotate,.animate-glitch-1,.animate-glitch-2,.animate-gradient-x,.animate-note-float,.animate-pulse-glow,.animate-scale-pulse,.animate-vinyl-spin,.animate-vinyl-spin-slow,.animate-wave,.animate-wave-delay-1,.animate-wave-delay-2,.animate-wave-delay-3,.liquid-button:before,.magnetic-card:hover,.parallax-element,.parallax-element-fast,.parallax-element-slow,.ripple-effect:after,.shimmer-container:after,.stagger-item,.text-reveal{animation:none!important;transition:none!important}.text-reveal{opacity:1;transform:none}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.dark .hover-lift:hover{box-shadow:0 12px 24px rgba(0,0,0,.4)}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.smooth-transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.heading-h1{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.25;letter-spacing:-.025em}@media (min-width:768px){.heading-h1{font-size:3.75rem}}@media (min-width:1024px){.heading-h1{font-size:4.5rem}}.heading-h2{font-family:var(--font-serif);font-size:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.025em}@media (min-width:768px){.heading-h2{font-size:3rem}}@media (min-width:1024px){.heading-h2{font-size:3.75rem}}.heading-h3{font-family:var(--font-serif);font-size:1.875rem;font-weight:600;line-height:1.375;letter-spacing:0}@media (min-width:768px){.heading-h3{font-size:2.25rem}}@media (min-width:1024px){.heading-h3{font-size:3rem}}.heading-h4{font-family:var(--font-sans);font-size:1.5rem;font-weight:600;line-height:1.375;letter-spacing:0}@media (min-width:768px){.heading-h4{font-size:1.875rem}}@media (min-width:1024px){.heading-h4{font-size:2.25rem}}.heading-h5{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;line-height:1.5;letter-spacing:0}@media (min-width:768px){.heading-h5{font-size:1.5rem}}.heading-h6{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;line-height:1.5;letter-spacing:0}@media (min-width:768px){.heading-h6{font-size:1.25rem}}.text-lead{font-family:var(--font-sans);font-size:1.25rem;line-height:1.625;font-weight:400;color:hsl(var(--foreground))}@media (min-width:768px){.text-lead{font-size:1.375rem}}.text-body-lg{font-family:var(--font-sans);font-size:1.125rem;line-height:1.625;font-weight:400}.text-body{font-size:1rem}.text-body,.text-body-sm{font-family:var(--font-sans);line-height:1.5;font-weight:400}.text-body-sm{font-size:.875rem}.text-body-xs{font-family:var(--font-sans);font-size:.75rem;line-height:1.5;font-weight:400}.text-muted{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:400}.text-label{font-family:var(--font-sans);font-size:.875rem;font-weight:500;line-height:1;letter-spacing:.025em}.text-code{font-family:var(--font-mono);font-size:.875rem;line-height:1.5}.text-accent{font-family:var(--font-accent);font-weight:500;letter-spacing:.025em}.text-display-xl{font-family:var(--font-display);font-size:4.5rem;font-weight:700;line-height:1;letter-spacing:-.05em}@media (min-width:768px){.text-display-xl{font-size:6rem}}@media (min-width:1024px){.text-display-xl{font-size:8rem}}.text-display-lg{font-family:var(--font-display);font-size:3.75rem;font-weight:700;line-height:1.1;letter-spacing:-.05em}@media (min-width:768px){.text-display-lg{font-size:4.5rem}}.text-display-md{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}@media (min-width:768px){.text-display-md{font-size:3.75rem}}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-brass{color:#C5A572}.text-brass-gradient{background:linear-gradient(135deg,#E8D4A0,#C5A572 50%,#A08551);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-oceanic{color:#2d5f8d}.text-oceanic-gradient{background:linear-gradient(135deg,#4A8DBD,#2d5f8d 50%,#1a3a54);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shimmer{background:linear-gradient(90deg,hsl(var(--foreground)) 0,hsl(var(--primary)) 50%,hsl(var(--foreground)) 100%);background-size:200% 100%;animation:shimmer-slide 3s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer-slide{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.text-responsive-sm{font-size:clamp(.875rem,2vw,1rem)}.text-responsive-base{font-size:clamp(1rem,2.5vw,1.125rem)}.text-responsive-lg{font-size:clamp(1.125rem,3vw,1.5rem)}.text-responsive-xl{font-size:clamp(1.5rem,4vw,2.25rem)}.text-responsive-2xl{font-size:clamp(2rem,5vw,3rem)}.text-responsive-3xl{font-size:clamp(2.5rem,6vw,4rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-high-contrast{color:hsl(var(--foreground));font-weight:500}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3}@media print{.heading-h1,.heading-h2,.heading-h3{page-break-after:avoid}.text-body,.text-body-lg{orphans:3;widows:3}}.brass-glow{box-shadow:0 0 20px rgba(197,165,114,.3)}.brass-glow-strong{box-shadow:0 0 30px rgba(197,165,114,.5),0 0 60px rgba(197,165,114,.3)}.brass-glow-animated{animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(197,165,114,.3)}50%{box-shadow:0 0 30px rgba(197,165,114,.5)}}.oceanic-glow{box-shadow:0 0 20px rgba(45,95,141,.3)}.oceanic-glow-strong{box-shadow:0 0 30px rgba(45,95,141,.5),0 0 60px rgba(45,95,141,.3)}.glass-panel{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px rgba(0,0,0,.06)}.dark .glass-panel{background:rgba(16,33,53,.7);border:1px solid rgba(197,165,114,.15);box-shadow:0 4px 24px rgba(0,0,0,.3)}.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);transition:all .3s ease}.glass-card:hover{background:rgba(255,255,255,.85);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.08)}.dark .glass-card{background:rgba(16,33,53,.6);border:1px solid rgba(197,165,114,.1)}.dark .glass-card:hover{background:rgba(16,33,53,.8);box-shadow:0 8px 32px rgba(0,0,0,.4)}.glass-button{background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);transition:all .2s ease}.glass-button:hover{background:rgba(255,255,255,.7);box-shadow:0 4px 16px rgba(0,0,0,.1)}.dark .glass-button{background:rgba(16,33,53,.5);border:1px solid rgba(197,165,114,.15)}.dark .glass-button:hover{background:rgba(16,33,53,.7);box-shadow:0 4px 16px rgba(0,0,0,.3)}.gradient-brass{background:linear-gradient(135deg,#C5A572,#b8935f 50%,#a67f4f)}.gradient-oceanic{background:linear-gradient(135deg,#2d5f8d,#1e3a5f 50%,#172d4a)}.gradient-premium{background:linear-gradient(135deg,#1e3a5f,#2d5f8d 30%,#C5A572 70%,#b8935f)}.gradient-vintage{background:linear-gradient(135deg,#f4f1ea,#E8D4A0)}.gradient-radial-brass{background:radial-gradient(circle at center,#E8D4A0 0,#C5A572 50%,#a67f4f 100%)}.gradient-mesh{background:radial-gradient(at 20% 30%,rgba(197,165,114,.3) 0,transparent 50%),radial-gradient(at 80% 70%,rgba(45,95,141,.3) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(232,212,160,.2) 0,transparent 50%);background-color:hsl(var(--background))}.musical-staff{position:relative}.musical-staff:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(transparent,transparent 19%,rgba(139,115,85,.1) 0,rgba(139,115,85,.1) 20%);pointer-events:none;z-index:0}.musical-notes-pattern{position:relative}.musical-notes-pattern:before{content:"♪ ♫ ♬ ♩";position:absolute;inset:0;font-size:2rem;color:rgba(139,115,85,.05);letter-spacing:3rem;line-height:4rem;overflow:hidden;pointer-events:none;z-index:0}.vinyl-record{position:relative;overflow:hidden}.vinyl-record:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.05) 0,transparent 31%,transparent 60%,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 61%);opacity:0;transition:opacity .3s ease}.vinyl-record:hover:after{opacity:1;animation:spin-slow 3s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.dark .card-hover-lift:hover{box-shadow:0 12px 40px rgba(0,0,0,.4)}.hover-lift-gentle{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift-gentle:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.dark .hover-lift-gentle:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}.hover-scale{transition:transform .2s ease-out}.hover-scale:hover{transform:scale(1.05)}.hover-glow-brass{transition:box-shadow .3s ease}.hover-glow-brass:hover{box-shadow:0 0 20px rgba(197,165,114,.5)}.hover-glow-oceanic{transition:box-shadow .3s ease}.hover-glow-oceanic:hover{box-shadow:0 0 20px rgba(45,95,141,.5)}.skeleton-shine{background:linear-gradient(90deg,hsl(var(--muted)) 0,hsl(var(--muted-foreground)/.1) 50%,hsl(var(--muted)) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pulse-loading{animation:pulse-loading 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.pulse-gentle{animation:pulse-gentle 2s ease-in-out infinite}@keyframes pulse-gentle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wobble-gentle{animation:wobble-gentle 3s ease-in-out infinite}@keyframes wobble-gentle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.animate-bounce-subtle{animation:bounce-subtle 3s ease-in-out infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.float-bounce{animation:float-bounce 4s ease-in-out infinite}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-subtle-lift{animation:subtle-lift 3s ease-in-out infinite}@keyframes subtle-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.overlay-dark{background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.7))}.overlay-gradient-brass{background:linear-gradient(0deg,rgba(197,165,114,.9) 0,rgba(197,165,114,0))}.overlay-gradient-oceanic{background:linear-gradient(0deg,rgba(45,95,141,.9) 0,rgba(45,95,141,0))}.vignette{position:relative}.vignette:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.3) 100%);pointer-events:none}.border-brass-glow{border:1px solid rgba(197,165,114,.5);box-shadow:0 0 10px rgba(197,165,114,.2)}.border-animated{position:relative;border:2px solid transparent;background-clip:padding-box}.border-animated:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,rgba(197,165,114,.5),rgba(45,95,141,.5),rgba(197,165,114,.5));background-size:200% 100%;border-radius:inherit;z-index:-1;animation:border-flow 3s linear infinite}@keyframes border-flow{0%{background-position:0 0}to{background-position:200% 0}}.focus-ring-brass:focus-visible{outline:2px solid rgba(197,165,114,.8);outline-offset:2px;box-shadow:0 0 0 3px rgba(197,165,114,.2)}.focus-ring-oceanic:focus-visible{outline:2px solid rgba(45,95,141,.8);outline-offset:2px;box-shadow:0 0 0 3px rgba(45,95,141,.2)}@media (prefers-reduced-motion:reduce){.animate-bounce-subtle,.animate-subtle-lift,.border-animated:before,.brass-glow-animated,.float-bounce,.pulse-gentle,.skeleton-shine,.vinyl-record:hover:after,.wobble-gentle{animation:none!important}.card-hover-lift:hover,.glass-card:hover,.hover-lift-gentle:hover,.hover-scale:hover{transform:none!important}.card-hover-lift,.glass-button,.glass-card,.hover-glow-brass,.hover-glow-oceanic,.hover-lift-gentle,.hover-scale{transition:none!important}}