@layer elements;@layer vendors{@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-music-400-normal-CksxHXl6.woff2)format("woff2"),url(/assets/noto-music-music-400-normal-BOLtuVsm.woff)format("woff")}}@layer assets{.footer{z-index:var(--z-base);background:var(--bg-glass);-webkit-backdrop-filter:saturate(1.8) blur(var(--blur-glass));backdrop-filter:saturate(1.8) blur(var(--blur-glass));border-top:1px solid var(--footer-border);box-shadow:inset 0 1px 0 var(--footer-highlight), var(--shadow-footer);padding:var(--spacing-2xl) 0 var(--spacing-xl);margin-top:auto;position:relative}@media (width<=1024px){.footer{padding:var(--spacing-xl) 0 var(--spacing-lg)}}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);grid-template-columns:1.5fr repeat(3,1fr);display:grid}@media (width<=768px){.footer-content{justify-content:center;gap:var(--spacing-xl) 0;text-align:center;flex-wrap:wrap;display:flex}}.footer-logo{max-width:120px;height:auto;margin-bottom:var(--spacing-md)}.footer-logo:hover:not(:where(:disabled,.disabled)){--pulse-scale:.9;animation:pulse-scale var(--animation-duration-fast) var(--ease-out-3)}.footer--dark{--footer-dark-bg:#0b1420;background:var(--footer-dark-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-top-color:#ffffff1a}.footer--dark .footer-logo{filter:brightness(0)invert()}.footer--dark .footer-title{color:#fff}.footer--dark .footer-description,.footer--dark .footer-list a,.footer--dark .footer-list [data-contact-address-item],.footer--dark .footer-bottom p,.footer--dark .footer-legal a,.footer--dark .footer-legal-separator,.footer--dark .footer-copyright{color:#ffffffa6}.footer--dark .footer-list a i,.footer--dark .footer-list [data-contact-address-item] i{color:#ffffff73}.footer--dark .footer-list a:hover:not(:where(:disabled,.disabled)),.footer--dark .footer-list a:hover:not(:where(:disabled,.disabled)) i{color:#fff}.footer--dark .footer-legal a:hover:not(:where(:disabled,.disabled)){color:#fff;background:#ffffff26}.footer--dark .footer-social a{color:#ffffffa6;background:#ffffff14}.footer--dark .footer-social a:hover:not(:where(:disabled,.disabled)){color:var(--social-color,white);border-color:var(--social-color,#fff6)}.footer--dark .footer-bottom{border-top-color:#ffffff1a}.footer-section{flex-direction:column;display:flex}@media (width<=768px){.footer-section{align-items:center}.footer-section:first-child,.footer-section:last-child{width:100%}.footer-section:nth-child(2),.footer-section:nth-child(3){flex:1 1 0}.footer-section:nth-child(2){padding-left:clamp(var(--spacing-lg), -6rem + 25vw, var(--spacing-4xl));padding-right:var(--spacing-md);border-right:1px solid var(--footer-border)}.footer-section:nth-child(3){padding-right:clamp(var(--spacing-lg), -6rem + 25vw, var(--spacing-4xl));padding-left:var(--spacing-md)}.footer-section:last-child .footer-list{justify-content:center;gap:var(--spacing-sm) var(--spacing-lg);flex-flow:wrap}}.footer-section:first-child{align-items:center}.footer-title{color:var(--primary);margin-bottom:var(--spacing-md)}.footer-description{margin-bottom:var(--spacing-sm);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center;line-height:var(--line-height-relaxed)}.footer-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width<=768px){.footer-list{align-items:center}}.footer-list li{margin:0}.footer-list a,.footer-list [data-contact-address-item]{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;transition:color var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:inline-flex;position:relative}.footer-list a:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform var(--transition-base);background:currentColor;position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer-list a:hover:not(:where(:disabled,.disabled)):after{transform:scaleX(1)}.footer-list a:hover:not(:where(:disabled,.disabled)){color:var(--primary);text-decoration:none;transform:translate(3px)}@media (width<=1024px){.footer-list a:hover:not(:where(:disabled,.disabled)){transform:none}}.footer-list a i,.footer-list [data-contact-address-item] i{text-align:center;width:16px;color:var(--text-muted);transition:color var(--transition-fast)}.footer-list a:hover:not(:where(:disabled,.disabled)) i{color:var(--primary)}.footer-bottom{align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);flex-direction:column;display:flex}.footer-bottom p{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}.footer-social{align-items:center;gap:var(--spacing-md);display:flex}.footer-social a{width:40px;height:40px;color:var(--text-secondary);font-size:var(--font-size-lg);border-radius:var(--radius-round);background:var(--bg-muted);transition:all var(--transition-base);border:2px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:flex}@media (width<=1024px){.footer-social a{width:44px;height:44px}}.footer-social a:hover:not(:where(:disabled,.disabled)){color:var(--social-color,var(--primary));border-color:var(--social-color,var(--primary));text-decoration:none;transform:translateY(-3px)}.footer-legal{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=1024px){.footer-legal{gap:var(--spacing-xs)}}@media (width<=1024px){.footer-legal a{min-height:44px}}:is(.footer-legal,.footer-minimal) a{color:var(--text-tertiary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);text-decoration:none}@media (width<=1024px){:is(.footer-legal,.footer-minimal) a{padding:var(--spacing-sm);align-items:center;display:flex}}:is(.footer-legal,.footer-minimal) a:hover:not(:where(:disabled,.disabled)){color:var(--primary);background:var(--bg-primary-light);text-decoration:none}.footer-legal-separator{color:var(--text-muted);font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none}.footer-copyright{color:var(--text-muted);font-size:var(--font-size-xs)}.footer-minimal{z-index:var(--z-base);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass-light));backdrop-filter:blur(var(--blur-glass-light));border-top:1px solid var(--footer-border);box-shadow:inset 0 1px 0 var(--footer-highlight);padding:var(--spacing-md) var(--spacing-lg);margin-top:auto;position:relative}@media (width<=1024px){.footer-minimal{padding:var(--spacing-md)}}@media (width<=768px){.footer-minimal a{padding:var(--spacing-xs)}}.footer-minimal-content{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=1024px){.footer-minimal-content{gap:var(--spacing-xs)}}.footer-minimal-text{color:var(--text-secondary);font-size:var(--font-size-xs)}.footer-minimal-separator{color:var(--border-medium);font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none}.navbar{z-index:var(--z-overlay);background:var(--bg-glass-warm);-webkit-backdrop-filter:saturate(1.8) blur(var(--blur-glass));backdrop-filter:saturate(1.8) blur(var(--blur-glass));box-shadow:var(--shadow-glass);transition:opacity var(--transition-base);position:sticky;top:0}body.navbar-mobile-open .navbar{opacity:0;pointer-events:none}.navbar--compact .navbar-container{padding-top:var(--spacing-ms);padding-bottom:var(--spacing-ms)}.navbar--compact .navbar-brand img,.navbar--compact .navbar-brand-icon{height:32px}.navbar--compact .navbar-brand-text{font-size:var(--font-size-md)}.navbar--compact .navbar-menu{font-size:var(--font-size-ms)}.navbar-container{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);max-width:1400px;transition:padding var(--transition-base);margin:0 auto;display:flex}.navbar-links-group{align-items:center;gap:var(--spacing-md);flex:auto;min-width:0;display:flex}.navbar-brand{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary);flex-shrink:0;text-decoration:none;display:flex}.navbar-brand-text--short{display:none}.navbar-brand:hover:not(:where(:disabled,.disabled)){text-decoration:none}.navbar-brand:hover:not(:where(:disabled,.disabled)) img,.navbar-brand:hover:not(:where(:disabled,.disabled)) .navbar-brand-icon{animation:tilt var(--animation-duration-base) var(--ease-out-3)}.navbar-brand:hover:not(:where(:disabled,.disabled)) .navbar-brand-text{color:var(--primary-light);transform:translate(2px)scale(1.03)}.navbar-brand img,.navbar-brand-icon{width:auto;height:40px;transition:height var(--transition-base)}.navbar-brand-text{transition:color var(--transition-fast), font-size var(--transition-base), transform var(--transition-fast)}@media (1024px<width<=1200px){.navbar-brand-text{display:none!important}}.navbar-menu{justify-content:center;align-items:center;gap:var(--spacing-lg);min-width:0;transition:font-size var(--transition-base);flex:auto;list-style:none;display:flex}@media (width<=1024px){.navbar-menu{display:none}}.navbar-menu a{min-width:0;color:var(--text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);transition:color var(--transition-base), background var(--transition-base), transform var(--transition-base);align-items:center;gap:.4em;padding:8px 14px;text-decoration:none;display:inline-flex}.navbar-menu a span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.navbar-menu a:hover:not(:where(:disabled,.disabled)),.navbar-menu a.active{color:var(--primary);background:var(--bg-primary-light);text-decoration:none}.navbar-menu a:hover:not(:where(:disabled,.disabled)){transform:scale(1.03)}.navbar-links-group--compact .navbar-brand-text--full{display:none}.navbar-links-group--compact .navbar-brand-text--short{display:inline}.navbar-links-group--compact .navbar-menu{gap:var(--spacing-md)}.navbar-user{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}@media (width<=1024px){.navbar-user>:not(.navbar-toggle){display:none}}.navbar-toggle{cursor:pointer;padding:var(--spacing-sm);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:none}@media (width<=1024px){.navbar-toggle{display:flex}}.navbar-toggle span{background:var(--text-primary);width:24px;height:2px;margin:var(--spacing-xs) 0;transition:transform var(--transition-base) var(--ease-out-4), opacity var(--transition-fast), background-color var(--transition-fast);display:block}.navbar-toggle:hover:not(:where(:disabled,.disabled)) span{background-color:var(--primary)}.navbar-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.notification-bell,.messaging-icon,.contact-icon{width:40px;height:40px;color:var(--text-secondary);font-size:var(--font-size-xl);transition:transform var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.notification-bell:hover:not(:where(:disabled,.disabled)),.messaging-icon:hover:not(:where(:disabled,.disabled)),.contact-icon:hover:not(:where(:disabled,.disabled)){color:var(--primary);text-decoration:none;transform:scale(1.08)}.notification-badge,.messaging-badge,.contact-badge{background:var(--accent);color:#fff;min-width:18px;height:18px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-align:center;border-radius:var(--radius-pill);border:2px solid var(--bg-white);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;padding:0 5px;line-height:18px;display:flex;position:absolute;top:2px;right:2px}.badge--bounce{--pulse-scale:1.3;animation:pulse-scale .4s var(--ease-elastic-out-3)}.user-badge{display:inline-block;position:relative}.user-avatar{border-radius:var(--radius-round);cursor:pointer;width:40px;height:40px;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;display:block;overflow:hidden}.user-avatar .avatar-initials{width:100%;height:100%;font-size:var(--font-size-sm)}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar:hover:not(:where(:disabled,.disabled)){box-shadow:0 0 0 3px var(--primary-lighter);transform:scale(1.05)}.user-dropdown{background:var(--bg-white);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-overlay);border:1px solid var(--border-light);flex-direction:column;max-height:calc(100vh - 80px);display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;transform:translateY(-10px)}.user-badge:hover:not(:where(:disabled,.disabled)) .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{border-bottom:1px solid var(--border-light);background:var(--bg-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:1rem}.user-dropdown-name{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-md);margin:0 0 .25rem}.user-dropdown-email{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.user-dropdown-menu{margin:0;padding:.5rem 0;list-style:none;overflow-y:auto}.user-dropdown-item{margin:0}.user-dropdown-link{color:var(--text-primary);transition:background var(--transition-base);font-size:var(--font-size-md);align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;display:flex}.user-dropdown-link:hover:not(:where(:disabled,.disabled)){background:var(--bg-muted);color:var(--primary);text-decoration:none}.user-dropdown-link:hover:not(:where(:disabled,.disabled)) span{text-decoration:underline}.user-dropdown-link:hover:not(:where(:disabled,.disabled)) i{color:var(--primary)}.user-dropdown-link i{text-align:center;width:20px;color:var(--text-secondary)}.user-dropdown-link.logout{color:var(--color-danger)}.user-dropdown-link.logout:hover:not(:where(:disabled,.disabled)){background:#f443361a}.user-dropdown-link.logout i{color:var(--color-danger)}.user-dropdown-divider{background:var(--border-light);height:1px;margin:.5rem 0}@media (width>1024px){.navbar-mobile-overlay,.navbar-mobile-panel{display:none!important}}.navbar-mobile-overlay{background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(var(--blur-glass-light));backdrop-filter:blur(var(--blur-glass-light));opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);z-index:calc(var(--z-overlay) - 1);position:fixed;inset:0}.navbar-mobile-overlay.active{opacity:1;visibility:visible}.navbar-mobile-panel{background:var(--bg-glass);width:min(320px,85vw);-webkit-backdrop-filter:saturate(1.8) blur(var(--blur-glass));backdrop-filter:saturate(1.8) blur(var(--blur-glass));transition:transform var(--transition-base) var(--ease-out-4);z-index:var(--z-overlay);box-shadow:none;will-change:transform;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.navbar-mobile-panel.active{transform:translate(0);box-shadow:-4px 0 30px #00000026}.navbar-mobile-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;display:flex}.navbar-mobile-brand .navbar-brand-text--full{display:none}.navbar-mobile-brand .navbar-brand-text--short{display:inline}.navbar-mobile-brand img,.navbar-mobile-brand .navbar-brand-icon{height:32px}.navbar-mobile-close{width:44px;height:44px;color:var(--text-secondary);font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar-mobile-close:hover:not(:where(:disabled,.disabled)){background:var(--bg-muted);color:var(--text-primary)}.navbar-mobile-divider{background:var(--border-dark);height:1px;margin:var(--spacing-xs) var(--spacing-lg);flex-shrink:0}.navbar-mobile-nav{padding:var(--spacing-lg);gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.navbar-mobile-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);min-height:44px;transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.navbar-mobile-link:hover:not(:where(:disabled,.disabled)),.navbar-mobile-link.active{background:var(--bg-hover);color:var(--primary);text-decoration:none}.navbar-mobile-link i{text-align:center;width:24px;color:var(--text-muted);transition:color var(--transition-fast)}.navbar-mobile-link:hover:not(:where(:disabled,.disabled)) i,.navbar-mobile-link.active i{color:var(--primary)}.navbar-mobile-profile{border-top:1px solid var(--border-glass);padding:var(--spacing-lg)}.navbar-mobile-profile-header{align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);color:inherit;text-decoration:none;display:flex}.navbar-mobile-profile-avatar-container{flex-shrink:0;position:relative}.navbar-mobile-profile-avatar{border-radius:var(--radius-round);object-fit:cover;width:48px;height:48px}.navbar-mobile-profile-info{flex:1;min-width:0}.navbar-mobile-profile-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navbar-mobile-profile-role{font-size:var(--font-size-sm);color:var(--text-muted)}.navbar-mobile-profile-actions{gap:var(--spacing-xs);flex-direction:column;display:flex}.navbar-mobile-profile-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);min-height:44px;transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.navbar-mobile-profile-link:hover:not(:where(:disabled,.disabled)){background:var(--bg-muted);color:var(--primary);text-decoration:none}.navbar-mobile-profile-link i{text-align:center;width:20px}.navbar-mobile-profile-link.logout{color:var(--color-danger)}.navbar-mobile-profile-link.logout:hover:not(:where(:disabled,.disabled)){background:#ef44441a}body.navbar-mobile-open{overflow:hidden}.navbar-public{border-radius:var(--radius-pill);-webkit-backdrop-filter:none;backdrop-filter:none;width:calc(100% - 32px);max-width:1180px;box-shadow:none;transition:background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), backdrop-filter var(--transition-base);background:0 0;border:1px solid #0000;position:fixed;top:16px;left:50%;transform:translate(-50%)}.navbar-public.navbar--compact{background:var(--bg-glass-warm);-webkit-backdrop-filter:saturate(1.8) blur(var(--blur-glass));backdrop-filter:saturate(1.8) blur(var(--blur-glass));box-shadow:var(--shadow-primary-lg);border-color:var(--border-primary-light)}.navbar-public .btn:hover:not(:where(:disabled,.disabled)){transform:translateY(0)scale(1.02)}.navbar-public .navbar-brand-icon{transition:height var(--transition-base), filter var(--transition-base)}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-brand{color:#fff}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .btn:not(:hover:not(:where(:disabled,.disabled))){-webkit-backdrop-filter:blur(var(--blur-glass-subtle));backdrop-filter:blur(var(--blur-glass-subtle));color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffffb3}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-brand:hover:not(:where(:disabled,.disabled)) .navbar-brand-text{color:#fff}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-brand-icon{filter:brightness(0)invert()}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-menu a{color:#fff}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-menu a:hover:not(:where(:disabled,.disabled)),body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-menu a.active{color:#fff;background:#ffffff26}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-toggle span{background:#fff}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .navbar-toggle:hover:not(:where(:disabled,.disabled)) span{background:#fffc}body:has(.hero[data-hero=dark]) .navbar-public:not(.navbar--compact) .btn:hover:not(:where(:disabled,.disabled)){-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));box-shadow:none;color:#fff;background:#ffffff38}body:has(.navbar-public) .hero:has(.hero-bg){padding-top:var(--hero-navbar-clearance,calc(var(--spacing-4xl) + 80px))}@media (width<=768px){body:has(.navbar-public) .hero:has(.hero-bg){padding-top:var(--hero-navbar-clearance-mobile,calc(var(--spacing-2xl) + 80px))}}body:has(.navbar:not(.navbar-public)) [id]{scroll-margin-top:64px}}@layer pages,overrides;