:root{--color-dark-gray: #262626;--color-white: #ecd9d4;--color-cosmic-latte: #fff8e7;--color-cosmic-latte-10: rgba(255, 248, 231, .1);--color-cosmic-latte-20: rgba(255, 248, 231, .2);--color-gray-100: rgba(255, 255, 255, .1);--color-gray-200: rgba(255, 255, 255, .2);--color-gray-300: rgba(255, 255, 255, .3);--color-gray-400: rgba(255, 255, 255, .4);--color-gray-600: rgba(255, 255, 255, .6);--color-gray-700: rgba(255, 255, 255, .1);--color-gray-800: rgba(20, 20, 20, .4);--color-gray-900: rgba(15, 15, 15, .6);--color-black-hole-brown: #4B0F19;--color-black-hole-brown-10: rgba(75, 15, 25, .1);--color-black-hole-brown-20: rgba(75, 15, 25, .2);--container-max-width: 1200px;--container-narrow-max-width: 800px;--container-wide-max-width: 1200px;--color-bg-primary: var(--color-dark-gray);--color-text-primary: var(--color-white);--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--font-family-base: "Poppins", sans-serif;--font-family-title: "Exo", sans-serif;--font-family-alt: "Exo", sans-serif;--font-family-mono: "Monaco", "Consolas", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .825rem + .25vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.5rem, 1.25rem + 1.25vw, 1.75rem);--font-size-2xl: clamp(2rem, 1.75rem + 1.25vw, 2.25rem);--font-size-3xl: clamp(2.5rem, 2rem + 2.5vw, 3rem);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--line-height-base: var(--line-height-normal);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--iframe-height-standard: 352px;--iframe-height-playlist: calc(var(--iframe-height-standard) * 1.5);--iframe-height-dj-set: 120px;@media (max-width: 768px){--iframe-height-standard: 300px;--iframe-height-playlist: 450px}@media (max-width: 480px){--iframe-height-standard: 250px;--iframe-height-playlist: 400px}}html:not(.dark-mode){--color-bg-primary: var(--color-white);--color-text-primary: var(--color-dark-gray);--color-text-accent: var(--color-black-hole-brown);--color-accent-10: var(--color-black-hole-brown-10);--color-accent-20: var(--color-black-hole-brown-20);--color-bg-hover: rgba(0, 0, 0, .05);--color-gray-100: rgba(0, 0, 0, .05);--color-gray-200: rgba(0, 0, 0, .07);--color-gray-300: rgba(0, 0, 0, .1);--color-gray-400: rgba(0, 0, 0, .3);--color-gray-600: rgba(0, 0, 0, .5);--color-gray-700: rgba(0, 0, 0, .05);--color-gray-800: rgba(0, 0, 0, .07);--color-gray-900: rgba(238, 238, 238, .9)}.dark-mode{--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--color-bg-primary: #121212;--color-text-primary: #f5f5f5;--color-bg-hover: rgba(255, 255, 255, .05);--color-gray-100: rgba(255, 255, 255, .05);--color-gray-200: rgba(255, 255, 255, .07);--color-gray-300: rgba(255, 255, 255, .1);--color-gray-400: rgba(255, 255, 255, .12);--color-gray-600: rgba(255, 255, 255, .2);--color-gray-700: rgba(255, 255, 255, .05);--color-gray-800: rgba(255, 255, 255, .07);--color-gray-900: rgba(20, 20, 20, .8)}.hero-section{margin-bottom:0;padding:0}.hero-content{margin:0 auto}.profile-circle{width:120px;height:120px;margin:0 auto 2rem;border-radius:50%;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.hero-title-container{text-align:center;margin-bottom:.5rem}.hero-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:.5rem;font-family:var(--font-family-title);position:relative}.hero-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-accent);margin-bottom:1.5rem;font-weight:var(--font-weight-medium);font-family:var(--font-family-title);position:relative}.hero-social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;margin-bottom:1.5rem}.hero-social-link{display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border-radius:50%;padding:.3rem;background-color:var(--color-gray-200);width:24px;height:24px}.hero-social-link:hover{transform:translateY(-2px);background-color:var(--color-gray-300)}.hero-social-link:hover .social-icon{transform:scale(1.1)}.social-icon{width:16px;height:16px;transition:transform var(--transition-base)}html:not(.dark-mode) .social-icon{filter:brightness(0)}.dark-mode .social-icon{filter:none}.header-description{margin-top:2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:100%;user-select:none}.header-description p{margin-bottom:1rem;line-height:var(--line-height-loose);text-align:center}@media (max-width: 768px){.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}}