@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100;300;400;500;600;700;900&display=swap";@layer reset,base,tokens,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{color-scheme:dark}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;height:100vh;height:100dvh}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3,h4,h5,h6,button,input,label,select,textarea{font:inherit}button{background:transparent;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button,a,summary,[role=button]{cursor:pointer}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img,video{-o-object-fit:cover;object-fit:cover}iframe{border:0}table{border-collapse:collapse;border-spacing:0}input,button,textarea,select{font:inherit;color:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}:focus:not(:focus-visible){outline:none}.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}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}::-moz-selection{background-color:var(--color-selection-bg, rgba(255, 20, 147, .3));color:var(--color-selection-text, inherit)}::selection{background-color:var(--color-selection-bg, rgba(255, 20, 147, .3));color:var(--color-selection-text, inherit)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track, #000000)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb, #333333);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover, #555555)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb, #333333) var(--color-scrollbar-track, #000000)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}#root,#__next{isolation:isolate}}@layer base{.font-heading,h1,h2,h3,h4,h5,h6,.font-body,body,p,a,button,input,textarea,select{font-display:swap}}@layer base{body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6,.font-heading{text-rendering:geometricPrecision;font-feature-settings:"kern" 1}.font-body{font-feature-settings:"cv01" 1,"cv02" 1,"cv03" 1,"cv04" 1,"cv05" 1,"cv06" 1,"cv07" 1,"cv08" 1,"cv09" 1,"cv10" 1,"cv11" 1}}@layer utilities{.text-stacked{font-family:var(--font-heading);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tightest);text-transform:uppercase;font-weight:var(--font-weight-bold)}.text-stacked-xl{font-size:var(--font-size-h1);line-height:.8;letter-spacing:-.05em}.text-stacked-lg{font-size:var(--font-size-h2);line-height:.85;letter-spacing:-.04em}.text-stacked-md{font-size:var(--font-size-h3);line-height:.9;letter-spacing:-.03em}.text-stacked-sm{font-size:var(--font-size-h4);line-height:.95;letter-spacing:-.02em}.text-condensed{font-family:var(--font-heading);font-stretch:condensed;letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}.font-variable-thin{font-variation-settings:"wght" 100}.font-variable-light{font-variation-settings:"wght" 300}.font-variable-regular{font-variation-settings:"wght" 400}.font-variable-medium{font-variation-settings:"wght" 500}.font-variable-semibold{font-variation-settings:"wght" 600}.font-variable-bold{font-variation-settings:"wght" 700}.font-variable-black{font-variation-settings:"wght" 900}@media (max-width: 640px){.text-responsive{font-size:calc(var(--font-size-body) * .9)}.heading-responsive{font-size:calc(var(--font-size-h1) * .8)}}@media (min-width: 1280px){.text-responsive{font-size:calc(var(--font-size-body) * 1.1)}.heading-responsive{font-size:calc(var(--font-size-h1) * 1.2)}}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}}@layer tokens{:root{--color-black-void: #000000;--color-white-stark: #ffffff;--color-pink-heart: #ff1493;--color-purple-dream: #9d4edd;--color-violet-haze: #c77dff;--color-disco-gold: #ffd700;--color-disco-champagne: #f7e7ce;--color-pop-bubblegum: #ff69b4;--color-pop-electric: #00f5ff;--color-pop-lime: #bfff00;--color-techno-neon: #39ff14;--color-techno-industrial: #2a2a2a;--color-techno-warning: #ff0040;--color-house-sunset: #ff6b35;--color-house-warm: #ffb700;--color-house-deep: #6b46c1;--color-funk-purple: #9b59b6;--color-funk-magenta: #e91e63;--color-funk-teal: #00bcd4;--color-minimal-white: #ffffff;--color-minimal-grey: #808080;--color-minimal-flash: #f0f0f0;--color-baile-yellow: #ffde00;--color-baile-green: #00a859;--color-baile-blue: #0033a0;--color-ukg-red: #ce1124;--color-ukg-blue: #00247d;--color-ukg-grey: #4a4a4a;--color-synthy-cyan: #00ffff;--color-synthy-magenta: #ff00ff;--color-synthy-purple: #8b00ff;--color-gritty-red: #8b0000;--color-gritty-black: #0a0a0a;--color-gritty-crimson: #dc143c;--genre-primary: var(--color-pink-heart);--genre-accent: var(--color-purple-dream);--genre-highlight: var(--color-violet-haze);--color-background: var(--color-black-void);--color-surface: #0a0a0a;--color-surface-raised: #1a1a1a;--color-text-primary: var(--color-white-stark);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-focus: var(--genre-primary);--color-hover: var(--genre-accent);--color-active: var(--genre-highlight);--color-disabled: rgba(255, 255, 255, .3);--color-success: #00ff88;--color-warning: #ffaa00;--color-error: #ff0040;--color-info: #00aaff;--font-heading: "Bebas Neue", "Helvetica Neue Condensed", "Arial Narrow", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-h1: clamp(3rem, 8vw + 1rem, 7.5rem);--font-size-h2: clamp(2.25rem, 5vw + 1rem, 4.5rem);--font-size-h3: clamp(1.75rem, 3vw + 1rem, 3rem);--font-size-h4: clamp(1.5rem, 2vw + .75rem, 2.25rem);--font-size-h5: clamp(1.25rem, 1.5vw + .5rem, 1.75rem);--font-size-h6: clamp(1.125rem, 1vw + .5rem, 1.5rem);--font-size-body: clamp(1rem, .5vw + .875rem, 1.125rem);--font-size-small: clamp(.875rem, .25vw + .8rem, 1rem);--font-size-tiny: clamp(.75rem, .25vw + .7rem, .875rem);--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: .9;--line-height-snug: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tightest: -.04em;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .04em;--letter-spacing-widest: .08em;--space-0: 0;--space-px: 1px;--space-0\.5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--container-max-width: 1400px;--container-padding-mobile: var(--space-4);--container-padding-tablet: var(--space-6);--container-padding-desktop: var(--space-8);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700;--z-max: 9999;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 3px;--border-width-heavy: 4px;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--radius-liquid: 40% 60% 60% 40% / 60% 30% 70% 40%;--radius-blob: 30% 70% 70% 30% / 30% 30% 70% 70%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow-sm: 0 0 10px currentColor;--shadow-glow-base: 0 0 20px currentColor;--shadow-glow-lg: 0 0 40px currentColor;--shadow-glow-xl: 0 0 60px currentColor;--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .7s;--duration-slowest: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-base: var(--duration-base) var(--ease-smooth);--transition-fast: var(--duration-fast) var(--ease-smooth);--transition-slow: var(--duration-slow) var(--ease-smooth);--animation-pulse: pulse 2s var(--ease-in-out) infinite;--animation-float: float 6s var(--ease-in-out) infinite;--animation-glow: glow 2s var(--ease-in-out) infinite;--animation-spin: spin 1s var(--ease-linear) infinite;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1}[data-genre=disco]{--genre-primary: var(--color-disco-gold);--genre-accent: var(--color-disco-champagne);--genre-highlight: #fff8dc}[data-genre=pop]{--genre-primary: var(--color-pop-bubblegum);--genre-accent: var(--color-pop-electric);--genre-highlight: var(--color-pop-lime)}[data-genre=techno]{--genre-primary: var(--color-techno-neon);--genre-accent: var(--color-techno-industrial);--genre-highlight: var(--color-techno-warning)}[data-genre=house]{--genre-primary: var(--color-house-sunset);--genre-accent: var(--color-house-warm);--genre-highlight: var(--color-house-deep)}[data-genre=funk]{--genre-primary: var(--color-funk-purple);--genre-accent: var(--color-funk-magenta);--genre-highlight: var(--color-funk-teal)}}@layer base{html{font-family:var(--font-body);font-size:16px;color:var(--color-text-primary);background-color:var(--color-background)}body{font-size:var(--font-size-body);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}h1{font-size:var(--font-size-h1);letter-spacing:var(--letter-spacing-tightest)}h2{font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin-block:var(--space-4)}strong,b{font-weight:var(--font-weight-bold)}em,i{font-style:italic}small{font-size:var(--font-size-small)}a{color:var(--genre-primary);transition:color var(--transition-fast);position:relative}a:hover{color:var(--genre-accent)}a:active{color:var(--genre-highlight)}a:visited{color:inherit}button,[role=button]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:var(--border-width-base) solid currentColor;border-radius:var(--radius-base);background-color:transparent;color:var(--genre-primary);transition:all var(--transition-fast);position:relative;overflow:hidden}button:hover,[role=button]:hover{background-color:var(--genre-primary);color:var(--color-background);transform:translateY(-2px);box-shadow:var(--shadow-glow-sm)}button:active,[role=button]:active{transform:translateY(0) scale(.98)}button:disabled,[role=button][aria-disabled=true]{opacity:var(--opacity-40);cursor:not-allowed;pointer-events:none}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);background-color:var(--color-surface);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-text-muted);border-radius:var(--radius-base);transition:all var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--color-text-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--genre-primary);box-shadow:0 0 0 3px #ff14931a}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-muted)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}ul,ol{padding-left:var(--space-6);margin-block:var(--space-4)}li{margin-block:var(--space-2)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{padding:var(--space-0\.5) var(--space-1);background-color:var(--color-surface-raised);border-radius:var(--radius-sm)}pre{padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-base);overflow-x:auto}pre code{padding:0;background-color:transparent}img,video{border-radius:var(--radius-base)}table{width:100%;margin-block:var(--space-4)}th,td{padding:var(--space-3);text-align:left;border-bottom:var(--border-width-thin) solid var(--color-surface-raised)}th{font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-small);color:var(--color-text-secondary)}hr{border:none;height:var(--border-width-thin);background:linear-gradient(90deg,transparent,var(--color-text-muted),transparent);margin-block:var(--space-8)}blockquote{padding-left:var(--space-6);border-left:var(--border-width-thick) solid var(--genre-primary);margin-block:var(--space-6);font-style:italic;color:var(--color-text-secondary)}details{margin-block:var(--space-4)}summary{font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast)}summary:hover{color:var(--genre-primary)}details[open] summary{margin-bottom:var(--space-2);color:var(--genre-primary)}}@layer utilities{.text-stacked{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tightest);text-transform:uppercase;font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-genre-primary{color:var(--genre-primary)}.text-genre-accent{color:var(--genre-accent)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.font-thin{font-weight:var(--font-weight-thin)}.font-normal{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.glow{--glow-color: currentColor;--glow-opacity: 0;position:relative;transition:filter var(--transition-base)}.glow:after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,var(--glow-color),transparent 70%);opacity:var(--glow-opacity);transition:opacity var(--transition-base);pointer-events:none;z-index:var(--z-below)}.glow:hover{--glow-opacity: .5}.halftone{position:relative}.halftone:before{content:"";position:absolute;inset:0;background:var(--genre-primary);-webkit-mask-image:radial-gradient(circle,black 40%,transparent 40%);mask-image:radial-gradient(circle,black 40%,transparent 40%);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-position:0 0,2px 2px;mask-position:0 0,2px 2px;opacity:.1;pointer-events:none}.noise{position:relative}.noise:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.9' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay;pointer-events:none}.liquid-border{border-radius:var(--radius-liquid)}.blob-shape{border-radius:var(--radius-blob)}.animate-pulse{animation:var(--animation-pulse)}.animate-float{animation:var(--animation-float)}.animate-glow{animation:var(--animation-glow)}.animate-spin{animation:var(--animation-spin)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--genre-primary)}50%{box-shadow:0 0 40px var(--genre-primary),0 0 60px var(--genre-accent)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding-mobile)}@media (min-width: 768px){.container{padding-inline:var(--container-padding-tablet)}}@media (min-width: 1024px){.container{padding-inline:var(--container-padding-desktop)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.my-4{margin-block:var(--space-4)}.mx-4{margin-inline:var(--space-4)}.my-8{margin-block:var(--space-8)}.mx-auto{margin-inline:auto}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-8{padding:var(--space-8)}.px-4{padding-inline:var(--space-4)}.py-4{padding-block:var(--space-4)}.px-8{padding-inline:var(--space-8)}.py-8{padding-block:var(--space-8)}.bg-transparent{background-color:transparent}.bg-black{background-color:var(--color-black-void)}.bg-surface{background-color:var(--color-surface)}.bg-genre-primary{background-color:var(--genre-primary)}.bg-genre-accent{background-color:var(--genre-accent)}.bg-gradient-genre{background:linear-gradient(135deg,var(--genre-primary),var(--genre-accent))}.bg-gradient-fade{background:linear-gradient(180deg,var(--color-background),transparent)}.border{border:var(--border-width-base) solid currentColor}.border-thin{border-width:var(--border-width-thin)}.border-thick{border-width:var(--border-width-thick)}.border-genre{border-color:var(--genre-primary)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.active-scale{transition:transform var(--transition-fast)}.active-scale:active{transform:scale(.95)}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-raised)}.z-50{z-index:var(--z-dropdown)}.z-100{z-index:var(--z-modal)}@media (max-width: 767px){.hide-mobile{display:none}}@media (min-width: 768px){.hide-desktop{display:none}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}}#root{width:100%;min-height:100vh;isolation:isolate}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-text-primary)}.header{position:fixed;top:0;left:0;right:0;background:transparent;z-index:var(--z-sticky);transition:all var(--transition-base)}.nav{position:relative}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-4) var(--space-8);display:flex;justify-content:center;align-items:center}.logo-section{width:100%;display:flex;justify-content:center}.logo{text-decoration:none;display:inline-block}.logo-content{display:flex;align-items:center;gap:var(--space-3)}.logo-image{height:35px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0,0,0,.8));transition:filter var(--transition-fast)}.logo-text{font-family:var(--font-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-pink-heart) 0%,var(--color-purple-dream) 50%,var(--color-violet-haze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,20,147,.3));text-shadow:0 2px 10px rgba(0,0,0,.5)}.nav-links{display:flex;gap:var(--space-6);align-items:center;justify-content:center}.desktop-nav{display:flex}.nav-link{position:relative;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:lowercase;letter-spacing:var(--letter-spacing-wider);transition:all var(--transition-fast);padding:var(--space-2) 0;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.4)}.nav-link:hover{color:var(--color-text-primary);transform:translateY(-2px)}.nav-link.active{color:var(--color-pink-heart);text-shadow:0 0 8px rgba(255,20,147,.4)}.nav-link-underline{position:absolute;bottom:-2px;left:0;right:0;height:var(--border-width-base);border-radius:var(--radius-full);box-shadow:0 0 10px currentColor}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text-primary);position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);z-index:calc(var(--z-modal) + 1);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus,.mobile-menu-toggle:active,.mobile-menu-toggle:focus-visible{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:none!important;outline:none!important}.mobile-menu-toggle:focus-visible{outline:2px solid var(--color-text-secondary)!important;outline-offset:2px}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger-line{display:block;width:100%;height:var(--border-width-base);background:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.mobile-nav{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:calc(80px + var(--space-8)) var(--space-8) var(--space-8) var(--space-8)}.mobile-nav-link{display:block;padding:var(--space-3) 0;margin:var(--space-1) 0;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-fast);background:transparent;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.8)}.mobile-nav-link:hover{color:var(--color-text-primary);transform:translate(4px);text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.3)}.mobile-nav-link.active{color:var(--color-pink-heart);text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(255,20,147,.5)}.main-content{flex:1;margin-top:80px;min-height:calc(100vh - 80px);position:relative}.footer{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4) var(--space-8);background:transparent;z-index:var(--z-base)}.footer-container{display:flex;justify-content:center}.footer-link{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);opacity:.5}.footer-link:hover{color:var(--color-text-secondary);opacity:.8;transform:translateY(-2px)}.instagram-icon{width:20px;height:20px}@media (max-width: 768px){.nav-container{padding:var(--space-4) var(--space-4)}.logo-content{font-size:var(--font-size-h5)}.desktop-nav{display:none}.mobile-menu-toggle{display:block;right:var(--space-3)}.footer{padding:var(--space-3) var(--space-4)}.main-content{margin-top:65px;min-height:calc(100vh - 65px)}}@media (min-width: 1440px){.nav-container{padding-inline:var(--space-12)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff}.loader-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff6b6b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader p{margin-top:1rem;color:#fffc;font-size:1.1rem}