body.preloader-active{overflow:hidden!important}.preloader{position:fixed;inset:0;z-index:var(--z-preloader);display:flex;align-items:center;justify-content:center;background-color:var(--color-preloader-bg);overflow:hidden}.preloader__content{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.preloader__text{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-semibold);color:#000;letter-spacing:var(--tracking-tight)}[data-theme=dark] .preloader__text{color:#fff}@media (min-width: 768px){.preloader__text{font-size:var(--text-5xl)}}@media (min-width: 1024px){.preloader__text{font-size:var(--text-6xl)}}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-base)}@media (hover: hover) and (pointer: fine){.theme-toggle:hover{background-color:var(--color-bg-tertiary)}}.theme-toggle__icon-wrapper{position:relative;width:24px;height:24px}.theme-toggle__icon{position:absolute;inset:0;width:100%;height:100%}.theme-toggle__icon--sun{color:var(--color-text-primary)}[data-theme=light] .theme-toggle__icon--sun{color:#1a1a2e}.theme-toggle__icon--moon{color:var(--color-text-primary)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-modal);padding:var(--space-4) 0;transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),backdrop-filter var(--transition-base);max-width:100vw;overflow-x:hidden}.header--menu-open{background-color:var(--color-bg-primary);overflow:visible}[data-theme=light] .header--menu-open .header__logo-text,[data-theme=light] .header--menu-open.header--music .header__logo-text,[data-theme=light] .header--menu-open.header--hero .header__logo-text{color:#1a1a2e!important}[data-theme=light] .header--menu-open .header__menu-line,[data-theme=light] .header--menu-open.header--music .header__menu-line,[data-theme=light] .header--menu-open.header--hero .header__menu-line{background-color:#1a1a2e!important}[data-theme=light] .header--menu-open .theme-toggle__icon--sun,[data-theme=light] .header--menu-open .theme-toggle__icon--moon,[data-theme=light] .header--menu-open.header--music .theme-toggle__icon--sun,[data-theme=light] .header--menu-open.header--music .theme-toggle__icon--moon,[data-theme=light] .header--menu-open.header--hero .theme-toggle__icon--sun,[data-theme=light] .header--menu-open.header--hero .theme-toggle__icon--moon{color:#1a1a2e!important}[data-theme=dark] .header--menu-open .header__logo-text,[data-theme=dark] .header--menu-open.header--music .header__logo-text,[data-theme=dark] .header--menu-open.header--hero .header__logo-text{color:#fff!important}[data-theme=dark] .header--menu-open .header__menu-line,[data-theme=dark] .header--menu-open.header--music .header__menu-line,[data-theme=dark] .header--menu-open.header--hero .header__menu-line{background-color:#fff!important}[data-theme=dark] .header--menu-open .theme-toggle__icon--sun,[data-theme=dark] .header--menu-open .theme-toggle__icon--moon,[data-theme=dark] .header--menu-open.header--music .theme-toggle__icon--sun,[data-theme=dark] .header--menu-open.header--music .theme-toggle__icon--moon,[data-theme=dark] .header--menu-open.header--hero .theme-toggle__icon--sun,[data-theme=dark] .header--menu-open.header--hero .theme-toggle__icon--moon{color:#fff!important}.header--menu-open .header__container:after{content:"";position:absolute;bottom:-8px;left:var(--space-4);right:var(--space-4);height:1px;background-color:var(--color-border-light)}.header--scrolled{background-color:rgba(var(--color-bg-primary),.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=light] .header--scrolled{background-color:#ffffffd9;box-shadow:0 1px 0 var(--color-border-light)}[data-theme=light] .header:not(.header--scrolled) .header__logo-text,[data-theme=light] .header:not(.header--scrolled) .header__nav-link{color:#1a1a2e}[data-theme=light] .header:not(.header--scrolled) .header__nav-link--active{color:var(--color-primary)}[data-theme=dark] .header--scrolled{background-color:#121212d9;box-shadow:0 1px 0 var(--color-border-light)}.header--music:not(.header--scrolled) .header__logo-text,.header--music:not(.header--scrolled) .header__nav-link,.header--hero:not(.header--scrolled) .header__logo-text,.header--hero:not(.header--scrolled) .header__nav-link{color:#fff!important}.header--music:not(.header--scrolled) .header__menu-line,.header--hero:not(.header--scrolled) .header__menu-line{background-color:#fff!important}.header--music:not(.header--scrolled) .theme-toggle__icon--sun,.header--hero:not(.header--scrolled) .theme-toggle__icon--sun,.header--music:not(.header--scrolled) .theme-toggle__icon--moon,.header--hero:not(.header--scrolled) .theme-toggle__icon--moon{color:#fff!important}[data-theme=light] .header--hero:not(.header--scrolled):not(.header--menu-open) .header__logo-text,[data-theme=light] .header--hero:not(.header--scrolled):not(.header--menu-open) .header__nav-link{color:#fff!important}[data-theme=light] .header--hero:not(.header--scrolled):not(.header--menu-open) .header__menu-line{background-color:#fff!important}[data-theme=light] .header--hero:not(.header--scrolled):not(.header--menu-open) .theme-toggle__icon--sun,[data-theme=light] .header--hero:not(.header--scrolled):not(.header--menu-open) .theme-toggle__icon--moon{color:#fff!important}.header__container{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.header__logo{text-decoration:none;flex-shrink:0}.header__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}@media (min-width: 1024px) and (max-width: 1299px){.header__logo-text{font-size:var(--text-2xl)}}@media (min-width: 1300px){.header__logo-text{font-size:var(--text-3xl)}}@media (min-width: 1700px){.header__logo-text{font-size:var(--text-4xl)}}@media (min-width: 1900px){.header__logo-text{font-size:3.5rem}}@media (min-width: 2100px){.header__logo-text{font-size:4rem}}.header__nav--desktop{display:none;align-items:center;gap:var(--space-10)}@media (min-width: 1024px) and (max-width: 1299px){.header__nav--desktop{display:flex;gap:var(--space-6)}.header__nav-link{font-size:.85rem!important}}@media (min-width: 1300px){.header__nav--desktop{display:flex;gap:var(--space-10)}}@media (min-width: 1700px){.header__nav--desktop{gap:var(--space-12)}}@media (min-width: 1900px){.header__nav--desktop{gap:var(--space-20)}}@media (min-width: 2100px){.header__nav--desktop{gap:var(--space-24)}}.header__nav-link{position:relative;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-2) 0;transition:color var(--transition-base)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.header__nav-link--active{color:var(--color-primary)}.header__nav-link--active:after{width:100%}@media (hover: hover) and (pointer: fine){.header__nav-link:hover{color:var(--color-primary)}.header__nav-link:hover:after{width:100%}}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.header__menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:var(--space-2);cursor:pointer;background:transparent;border:none}@media (min-width: 1024px){.header__menu-btn{display:none}}.header__menu-line{display:block;width:24px;height:2px;background-color:var(--color-text-primary);border-radius:var(--radius-full);transition:transform var(--transition-base),opacity var(--transition-base)}.header__menu-btn--open .header__menu-line:nth-child(2){opacity:0}.header__mobile-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%)}[data-theme=light] .header__mobile-overlay{background-color:#ffffffeb}[data-theme=dark] .header__mobile-overlay{background-color:#121212eb}.header__nav--mobile{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-4);padding-top:80px;background-color:transparent;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.header__nav--mobile::-webkit-scrollbar{display:none}.header__nav-link--mobile{display:block;font-size:var(--text-lg);font-weight:var(--weight-medium);padding:var(--space-3) 0;border-bottom:none;text-transform:none;letter-spacing:normal;text-align:center}@media (min-width: 360px){.header__nav-link--mobile{font-size:1.6rem;padding:var(--space-4) 0}}@media (min-width: 400px){.header__nav-link--mobile{font-size:1.7rem;padding:var(--space-4) 0}}@media (min-width: 480px){.header__nav-link--mobile{font-size:1.7rem;padding:var(--space-3) 0}}@media (min-width: 600px){.header__nav-link--mobile{font-size:2.1rem;padding:var(--space-5) 0}}@media (min-width: 770px){.header__nav-link--mobile{font-size:2.25rem;padding:var(--space-6) 0}}[data-theme=light] .header__nav-link--mobile,[data-theme=light] .header--menu-open .header__nav-link--mobile,[data-theme=light] .header--menu-open.header--music .header__nav-link--mobile,[data-theme=light] .header--menu-open.header--hero .header__nav-link--mobile,[data-theme=light] .header--music .header__nav-link--mobile,[data-theme=light] .header--hero .header__nav-link--mobile{color:#1a1a2e!important}[data-theme=dark] .header__nav-link--mobile,[data-theme=dark] .header--menu-open .header__nav-link--mobile,[data-theme=dark] .header--menu-open.header--music .header__nav-link--mobile,[data-theme=dark] .header--menu-open.header--hero .header__nav-link--mobile,[data-theme=dark] .header--music .header__nav-link--mobile,[data-theme=dark] .header--hero .header__nav-link--mobile{color:#fff!important}.header__nav-link--mobile:after{display:none}.header__nav-link--mobile.header__nav-link--active{color:var(--color-primary)}.header__mobile-links{display:flex;flex-direction:column;align-items:center;padding-bottom:120px}.header__mobile-socials{position:fixed;bottom:var(--space-12);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.header__mobile-socials-line{width:60%;max-width:200px;height:1px;background-color:var(--color-border-light)}.header__mobile-socials-icons{display:flex;gap:var(--space-4)}.header__mobile-socials-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:color var(--transition-base)}[data-theme=light] .header__mobile-socials-icons a{color:#1a1a2e!important}[data-theme=dark] .header__mobile-socials-icons a{color:#fff!important}.header__mobile-socials-icons svg{width:22px;height:22px}@media (min-width: 400px) and (max-width: 479px){.header__mobile-socials-icons a{width:44px;height:44px}.header__mobile-socials-icons svg{width:28px;height:28px}.header__mobile-socials-icons{gap:var(--space-5)}}@media (min-width: 480px) and (max-width: 599px){.header__mobile-socials-icons a{width:52px;height:52px}.header__mobile-socials-icons svg{width:34px;height:34px}.header__mobile-socials-icons{gap:var(--space-6)}}@media (min-width: 600px) and (max-width: 769px){.header__mobile-socials-icons a{width:68px;height:68px}.header__mobile-socials-icons svg{width:44px;height:44px}.header__mobile-socials-icons{gap:var(--space-10)}}@media (min-width: 770px) and (max-width: 1023px){.header__mobile-socials-icons a{width:76px;height:76px}.header__mobile-socials-icons svg{width:50px;height:50px}.header__mobile-socials-icons{gap:var(--space-12)}}@media (max-width: 359px){.header .header__logo-text{font-size:var(--text-lg)}.header .header__menu-btn{width:44px;height:44px;gap:4px}.header .header__menu-line{width:24px;height:2px}.header .theme-toggle{width:38px;height:38px}.header .theme-toggle__icon--sun,.header .theme-toggle__icon--moon{width:20px;height:20px}}@media (min-width: 360px) and (max-width: 399px){.header .header__logo-text{font-size:var(--text-xl)}.header .header__menu-btn{width:50px;height:50px;gap:5px}.header .header__menu-line{width:26px;height:2.5px}.header .theme-toggle{width:44px;height:44px}.header .theme-toggle__icon--sun,.header .theme-toggle__icon--moon{width:24px;height:24px}}@media (min-width: 400px) and (max-width: 479px){.header .header__logo-text{font-size:var(--text-2xl)}.header .header__menu-btn{width:56px;height:56px;gap:7px}.header .header__menu-line{width:32px;height:3px}.header .theme-toggle{width:46px;height:46px}.header .theme-toggle__icon--sun,.header .theme-toggle__icon--moon{width:26px;height:26px}}@media (min-width: 480px) and (max-width: 599px){.header .header__logo-text{font-size:var(--text-3xl)}.header .header__menu-btn{width:58px;height:58px;gap:7px}.header .header__menu-line{width:34px;height:3.5px}.header .theme-toggle{width:48px;height:48px}.header .theme-toggle__icon--sun,.header .theme-toggle__icon--moon{width:28px;height:28px}}@media (min-width: 600px) and (max-width: 769px){.header .header__logo-text{font-size:var(--text-3xl)}.header .header__menu-btn{width:56px;height:56px;gap:7px}.header .header__menu-line{width:32px;height:3px}.header .theme-toggle{width:48px;height:48px}.header .theme-toggle__icon--sun,.header .theme-toggle__icon--moon{width:28px;height:28px}}@media (min-width: 770px) and (max-width: 1023px){.header .header__logo-text{font-size:var(--text-3xl)}.header .header__menu-btn{width:60px;height:60px;gap:8px}.header .header__menu-line{width:36px;height:3.5px}.header .theme-toggle{width:50px;height:50px}.header .theme-toggle__icon--sun,.header .theme-toggle__icon--moon{width:30px;height:30px}}.header__menu-btn--open .header__menu-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.header__menu-btn--open .header__menu-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (min-width: 360px) and (max-width: 399px){.header__menu-btn--open .header__menu-line:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.header__menu-btn--open .header__menu-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}}@media (min-width: 400px) and (max-width: 479px){.header__menu-btn--open .header__menu-line:nth-child(1){transform:translateY(10px) rotate(45deg)}.header__menu-btn--open .header__menu-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}}@media (min-width: 480px) and (max-width: 599px){.header__menu-btn--open .header__menu-line:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.header__menu-btn--open .header__menu-line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}}@media (min-width: 600px) and (max-width: 769px){.header__menu-btn--open .header__menu-line:nth-child(1){transform:translateY(10px) rotate(45deg)}.header__menu-btn--open .header__menu-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}}@media (min-width: 770px) and (max-width: 1023px){.header__menu-btn--open .header__menu-line:nth-child(1){transform:translateY(11.5px) rotate(45deg)}.header__menu-btn--open .header__menu-line:nth-child(3){transform:translateY(-11.5px) rotate(-45deg)}}.footer{background-color:var(--color-bg-primary);border-top:3px solid var(--color-primary);padding:var(--space-10) 0 var(--space-6);min-height:280px;contain:layout style}[data-theme=dark] .footer{background:linear-gradient(to bottom,var(--color-bg-secondary),var(--color-bg-primary))}@media (min-width: 768px){.footer{padding:var(--space-6) 0 var(--space-3);min-height:220px}}@media (min-width: 1024px) and (max-width: 1299px){.footer{padding:var(--space-4) 0 var(--space-2)}.footer__content{gap:var(--space-3);margin-bottom:var(--space-2)}}.footer__content{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width: 768px){.footer__content{grid-template-columns:1.5fr 1fr 1.5fr;gap:var(--space-12);align-items:start}}@media (min-width: 1700px){.footer__content{gap:var(--space-16)}}@media (min-width: 1900px){.footer__content{gap:var(--space-20)}}@media (min-width: 2100px){.footer__content{gap:var(--space-24)}}.footer__brand{text-align:center}@media (min-width: 768px){.footer__brand{text-align:left}}.footer__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}@media (min-width: 768px){.footer__logo-text{font-size:var(--text-2xl)}}.footer__tagline{margin-top:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary)}.footer__cta{margin-top:var(--space-6)}.footer__cta-text{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.footer__nav{text-align:center}@media (min-width: 768px){.footer__nav{text-align:left}}.footer__nav--desktop-only{display:none}@media (min-width: 768px){.footer__nav--desktop-only{display:block}}.footer__nav-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-5)}.footer__nav-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer__nav-link{font-size:var(--text-base);color:var(--color-text-secondary);transition:color var(--transition-base);display:inline-block}@media (hover: hover) and (pointer: fine){.footer__nav-link:hover{color:var(--color-primary);transform:translate(4px)}}.footer__social{text-align:center}@media (min-width: 768px){.footer__social{text-align:left}}.footer__social-links{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media (min-width: 480px){.footer__social-links{gap:var(--space-3)}}@media (min-width: 768px){.footer__social-links{justify-content:flex-start}}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);transition:all var(--transition-base)}@media (min-width: 480px){.footer__social-link{width:44px;height:44px}}@media (min-width: 768px){.footer__social-link{width:48px;height:48px}}@media (min-width: 1700px){.footer__social-link{width:52px;height:52px}}@media (min-width: 1900px){.footer__social-link{width:56px;height:56px}}@media (min-width: 2100px){.footer__social-link{width:60px;height:60px}}.footer__social-link svg{width:20px;height:20px}@media (min-width: 768px){.footer__social-link svg{width:24px;height:24px}}@media (hover: hover) and (pointer: fine){.footer__social-link:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.footer__social-link:hover svg{color:#fff}}.footer__bottom{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-border-light);text-align:center}@media (min-width: 768px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer__copyright,.footer__made-with{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer__made-with span{color:#e25555}.back-to-top{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.back-to-top svg{width:18px;height:18px}@media (hover: hover) and (pointer: fine){.back-to-top:hover{background-color:var(--color-primary-dark);transform:scale(1.1)}}@media (min-width: 768px){.back-to-top{bottom:var(--space-6);right:var(--space-6);width:44px;height:44px}.back-to-top svg{width:20px;height:20px}}@media (min-width: 1700px){.back-to-top{bottom:var(--space-8);right:var(--space-8);width:48px;height:48px}.back-to-top svg{width:22px;height:22px}}@media (min-width: 1900px){.back-to-top{bottom:var(--space-10);right:var(--space-10);width:52px;height:52px}.back-to-top svg{width:24px;height:24px}}@media (min-width: 2100px){.back-to-top{bottom:var(--space-12);right:var(--space-12);width:56px;height:56px}.back-to-top svg{width:26px;height:26px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-bg)}.error-boundary__content{text-align:center;max-width:500px}.error-boundary__title{font-size:4rem;font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--space-4)}.error-boundary__message{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.error-boundary__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.music-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--color-overlay)}.music-modal__content{position:relative;width:100%;max-width:240px;max-height:70vh;overflow-y:auto;background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-2xl);scrollbar-width:none;-ms-overflow-style:none}.music-modal__content::-webkit-scrollbar{display:none}@media (min-width: 400px){.music-modal__content{max-width:280px;padding:var(--space-4)}}@media (min-width: 768px){.music-modal__content{max-width:340px;padding:var(--space-6)}}.music-modal__close{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:background-color var(--transition-base),color var(--transition-base)}.music-modal__close svg{width:16px;height:16px}@media (hover: hover) and (pointer: fine){.music-modal__close:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}}.music-modal__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-2)}.music-modal__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-6)}.music-modal__platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 480px){.music-modal__platforms{grid-template-columns:repeat(3,1fr)}}.music-modal__platform{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);text-align:center}.music-modal__platform-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--color-primary)}.music-modal__platform-icon svg{width:28px;height:28px}.music-modal__platform-name{font-weight:var(--weight-medium);font-size:var(--text-xs);color:var(--color-text-primary)}@media (hover: hover) and (pointer: fine){.music-modal__platform:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.music-modal__platform:hover .music-modal__platform-icon,.music-modal__platform:hover .music-modal__platform-name{color:var(--color-text-inverse)}}.home{padding-top:0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__background{position:absolute;inset:0;z-index:0}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.1);transform-origin:center center;opacity:0;visibility:hidden;transition:transform var(--theme-transition-duration) var(--theme-transition-timing),opacity var(--theme-transition-duration) var(--theme-transition-timing),visibility var(--theme-transition-duration) var(--theme-transition-timing),filter var(--theme-transition-duration) var(--theme-transition-timing)}.hero__image--active{opacity:1;visibility:visible}.hero:after{background:linear-gradient(to bottom,#0009,#0006 40%,#000000b3)}[data-theme=light] .hero:after{background:linear-gradient(to bottom,#00000080,#0000004d 40%,#0009)}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0000001a 40%,#0006 85%,#000c);transition:background var(--theme-transition-duration) var(--theme-transition-timing)}[data-theme=light] .hero__overlay{background:linear-gradient(to bottom,#0003,#0000001a,#0000004d 80%,#00000080)}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding-top:var(--space-20);padding-bottom:var(--space-20);text-align:center}.hero__text{display:flex;flex-direction:column;align-items:center}.hero__title{display:flex;flex-direction:column;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.1;margin-bottom:var(--space-2);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5),0 4px 20px rgba(0,0,0,.3);-webkit-text-stroke:.5px rgba(0,0,0,.2)}[data-theme=light] .hero__title{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6),0 4px 20px rgba(0,0,0,.4);-webkit-text-stroke:.5px rgba(0,0,0,.2)}@media (max-width: 479.98px){.hero__image{height:115%!important;object-position:center top!important}.hero__image--light{transform:translateY(-10%)!important}.hero__image--dark{transform:translateY(-13%)!important}}@media (max-width: 359.98px){.hero__title{font-size:var(--text-2xl)}.hero__subtitle{font-size:var(--text-base)}.hero__btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}@media (min-width: 360px) and (max-width: 399.98px){.hero__title{font-size:var(--text-4xl)}.hero__subtitle{font-size:var(--text-lg)}.hero__btn{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}}@media (min-width: 400px){.hero__title{font-size:var(--text-5xl)}.hero__subtitle{font-size:var(--text-xl)}.hero__btn{padding:var(--space-4) var(--space-10);font-size:var(--text-lg)}}@media (min-width: 480px){.hero__title{font-size:var(--text-6xl)}.hero__subtitle{font-size:var(--text-xl)}.hero__btn{padding:var(--space-3) var(--space-12);font-size:var(--text-lg)}}@media (min-width: 600px){.hero__title{font-size:var(--text-6xl)}}@media (min-width: 770px){.hero__title{flex-direction:row;gap:var(--space-4);font-size:var(--text-7xl)}}@media (min-width: 1024px){.hero__title{font-size:5rem}.hero__image--light{object-position:center 40%!important}.hero__image--dark{object-position:center 45%!important}}@media (hover: hover){[data-theme=light] .hero__btn.btn-outline:hover{background-color:#fff!important;color:#000!important;border-color:#fff!important;transform:translateY(-2px);box-shadow:none!important}}.hero__title-last{color:var(--color-primary)}.hero__subtitle{font-size:var(--text-lg);color:#ffffffe6;margin-bottom:var(--space-8)}[data-theme=light] .hero__subtitle{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media (min-width: 768px){.hero__subtitle{font-size:var(--text-xl)}}.hero__cta{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:280px}@media (min-width: 768px){.hero__cta{flex-direction:row;max-width:none;width:auto}}.hero__btn{padding:var(--space-4) var(--space-8);font-size:var(--text-base);width:100%;justify-content:center;min-width:160px}.hero__btn-icon{width:18px;height:18px}@media (min-width: 1024px){.hero__btn{width:190px;padding:10px 0;font-size:var(--text-base);justify-content:center}.hero__btn-icon{width:24px;height:24px;margin-right:var(--space-2)}}.hero__scroll{position:absolute;bottom:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#969696cc}[data-theme=dark] .hero__scroll,[data-theme=dark] .hero__scroll-text,[data-theme=dark] .hero__scroll-icon{color:#fff}[data-theme=light] .hero__scroll{color:#ffffffd9}.hero__scroll-text{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero__scroll-icon{width:24px;height:24px}.explore{background-color:var(--color-bg-secondary)}.explore__title{text-align:center;margin-bottom:var(--space-10)}.explore__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 440px){.explore__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media (min-width: 640px){.explore__grid{gap:var(--space-4)}}@media (min-width: 768px){.explore__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.explore__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-3);min-height:120px;background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing);text-align:center}@media (min-width: 480px){.explore__card{gap:var(--space-3);padding:var(--space-8) var(--space-4);min-height:180px}}@media (min-width: 768px){.explore__card{padding:var(--space-8) var(--space-5);min-height:200px}}@media (min-width: 1024px){.explore__card{min-height:200px;padding:var(--space-6) var(--space-4)}}.explore__card-icon{width:48px;height:48px;color:var(--color-primary)}.explore__card-icon svg{width:100%;height:100%}.explore__card-label{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.explore__card-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}@media (hover: hover) and (pointer: fine){.explore__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.explore__card:hover .explore__card-label{color:var(--color-primary)}}.follow{text-align:center;background-color:var(--color-bg-secondary);padding-top:0!important}.follow__title{margin-bottom:var(--space-8)}.follow__socials{display:grid;grid-template-columns:1fr;gap:var(--space-3);max-width:400px;margin:0 auto}@media (min-width: 440px){.follow__socials{grid-template-columns:repeat(2,1fr);max-width:500px}}@media (min-width: 480px){.follow__socials{gap:var(--space-4);max-width:600px}}@media (min-width: 768px){.follow__socials{grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:none}}.follow__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);min-height:100px;background-color:var(--color-surface);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-primary);border:1px solid var(--color-border-light);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing)}@media (min-width: 480px){.follow__link{gap:var(--space-3);padding:var(--space-6) var(--space-4);min-height:120px;font-size:var(--text-sm)}}@media (min-width: 768px){.follow__link{padding:var(--space-8) var(--space-4);min-height:140px}}.follow__icon{width:32px;height:32px;color:var(--color-primary)}@media (min-width: 768px){.follow__icon{width:40px;height:40px}}@media (hover: hover) and (pointer: fine){.follow__link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.follow__link:hover .follow__icon{color:var(--color-primary)}}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Playfair Fallback;src:local("Georgia");size-adjust:112%;ascent-override:95%;descent-override:22%;line-gap-override:0%}:root{--font-primary: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", "Playfair Fallback", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--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;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-3xl: 1700px;--container-4xl: 1900px;--container-5xl: 2100px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--theme-transition-duration: .4s;--theme-transition-timing: ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-preloader: 1000}:root,[data-theme=light]{--color-primary: #1B8754;--color-primary-dark: #146A43;--color-primary-light: #28A766;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-tertiary: #E9ECEF;--color-bg-accent: #EDF7F1;--color-text-primary: #1A1A2E;--color-text-secondary: #4A5568;--color-text-tertiary: #718096;--color-text-inverse: #FFFFFF;--color-border-light: #E2E8F0;--color-border-medium: #CBD5E0;--color-border-dark: #A0AEC0;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-overlay: rgba(0, 0, 0, .5);--shadow-color: 220 3% 15%;--shadow-strength: .1;--color-preloader-bg: #FFFFFF;--color-preloader-text: #1A1A2E}[data-theme=dark]{--color-primary: #D4AF37;--color-primary-dark: #B8962F;--color-primary-light: #E5C558;--color-bg-primary: #121212;--color-bg-secondary: #1A1A1A;--color-bg-tertiary: #242424;--color-bg-accent: #1E1B15;--color-text-primary: #F5F5F5;--color-text-secondary: #B3B3B3;--color-text-tertiary: #808080;--color-text-inverse: #121212;--color-border-light: #2D2D2D;--color-border-medium: #404040;--color-border-dark: #525252;--color-surface: #1A1A1A;--color-surface-elevated: #242424;--color-overlay: rgba(0, 0, 0, .75);--shadow-color: 0 0% 0%;--shadow-strength: .3;--color-preloader-bg: #121212;--color-preloader-text: #F5F5F5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;width:100%;scrollbar-gutter:stable}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing);overflow-x:hidden;max-width:100vw;width:100%}#root{overflow-x:hidden;max-width:100vw;width:100%}*,*:before,*:after{transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing),fill var(--theme-transition-duration) var(--theme-transition-timing),stroke var(--theme-transition-duration) var(--theme-transition-timing),box-shadow var(--theme-transition-duration) var(--theme-transition-timing)}a,button,input,textarea,select{transition:background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing),fill var(--theme-transition-duration) var(--theme-transition-timing),stroke var(--theme-transition-duration) var(--theme-transition-timing),box-shadow var(--theme-transition-duration) var(--theme-transition-timing),transform var(--transition-base),opacity var(--transition-base)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}h1,.h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2,.h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h3,.h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}h4,.h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}h5,.h5{font-size:var(--text-lg);font-weight:var(--weight-medium)}h6,.h6{font-size:var(--text-base);font-weight:var(--weight-medium)}@media (min-width: 768px){h1,.h1{font-size:var(--text-5xl)}h2,.h2{font-size:var(--text-4xl)}}@media (min-width: 1024px){h1,.h1{font-size:var(--text-6xl)}h2,.h2{font-size:var(--text-4xl)}h3,.h3{font-size:var(--text-3xl)}}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-3);padding-right:var(--space-3)}@media (min-width: 375px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (min-width: 480px){.container{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (min-width: 768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.section{padding-top:var(--space-12);padding-bottom:var(--space-12);overflow-x:hidden}@media (min-width: 768px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (min-width: 1024px){.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}}@media (min-width: 1300px){.container{max-width:var(--container-2xl);padding-left:var(--space-8);padding-right:var(--space-8)}h1,.h1{font-size:4rem}h2,.h2{font-size:var(--text-5xl)}}@media (min-width: 1700px){.container{max-width:var(--container-3xl);padding-left:var(--space-10);padding-right:var(--space-10)}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}h1,.h1{font-size:var(--text-7xl)}h2,.h2{font-size:var(--text-5xl)}h3,.h3{font-size:var(--text-4xl)}}@media (min-width: 1900px){.container{max-width:var(--container-4xl);padding-left:var(--space-12);padding-right:var(--space-12)}.section{padding-top:var(--space-32);padding-bottom:var(--space-32)}}@media (min-width: 2100px){.container{max-width:var(--container-5xl)}h1,.h1{font-size:5rem}h2,.h2{font-size:4rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-full);transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--theme-transition-duration) var(--theme-transition-timing),border-color var(--theme-transition-duration) var(--theme-transition-timing),color var(--theme-transition-duration) var(--theme-transition-timing);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-outline{background-color:transparent;border:2px solid var(--color-border-medium);color:var(--color-text-primary)}[data-theme=light] .hero .btn-outline{border-color:#fffc;color:#fff}[data-theme=dark] .hero .btn-outline{border-color:#fff;color:#fff}@media (hover: hover) and (pointer: fine){.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}}.btn-primary:active,.btn-outline:active{transform:translateY(0)}@media (hover: hover) and (pointer: fine){a:not(.btn):hover{color:var(--color-primary)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);transition:background var(--theme-transition-duration) var(--theme-transition-timing)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}body.modal-open,body.lightbox-open,body.menu-open,body.preloader-active{overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;position:fixed!important;width:100%!important;top:0!important;left:0!important}body.modal-open::-webkit-scrollbar,body.lightbox-open::-webkit-scrollbar,body.menu-open::-webkit-scrollbar,body.preloader-active::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.lightbox,.collab-lightbox,.modal,.music-modal-overlay,.preloader,[class*=lightbox],[class*=modal-overlay]{overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.lightbox::-webkit-scrollbar,.collab-lightbox::-webkit-scrollbar,.modal::-webkit-scrollbar,.music-modal-overlay::-webkit-scrollbar,.preloader::-webkit-scrollbar,[class*=lightbox]::-webkit-scrollbar,[class*=modal-overlay]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity var(--transition-base)}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@keyframes typeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-animation p{opacity:0;animation:typeIn .6s ease forwards}.typing-animation p:nth-child(1){animation-delay:.2s}.typing-animation p:nth-child(2){animation-delay:.5s}.typing-animation p:nth-child(3){animation-delay:.8s}@keyframes spin{to{transform:rotate(360deg)}}