.button{display:inline-flex;align-items:center;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:none;cursor:pointer;transition:var(--transition-all);position:relative;overflow:hidden;white-space:nowrap}.button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.button:disabled{opacity:.6;cursor:not-allowed}.button:disabled,.button:disabled:hover{transform:none!important}.button-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-neutral-0);box-shadow:var(--shadow-sm)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-secondary{background:var(--color-neutral-0);color:var(--color-primary-600);border:var(--border-width-2) solid var(--color-primary-500);box-shadow:var(--shadow-sm)}.button-secondary:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-outline{background:transparent;color:var(--color-neutral-700);border:var(--border-width-2) solid var(--color-neutral-300)}.button-outline:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--color-neutral-400);color:var(--color-neutral-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button-outline:active{transform:translateY(0)}.button-ghost{background:transparent;color:var(--color-neutral-700);border:none}.button-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-900)}.button-ghost:active{background:var(--color-neutral-200)}.button-danger{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:var(--color-neutral-0);box-shadow:var(--shadow-sm)}.button-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-600),var(--color-error-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-danger:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:var(--color-neutral-0);box-shadow:var(--shadow-sm)}.button-success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600),var(--color-success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-success:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);min-height:36px}.button-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg);min-height:44px}.button-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl);min-height:52px}.button-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);border-radius:var(--radius-2xl);min-height:60px}.button-loading{position:relative;color:transparent!important}.button-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentcolor;border-radius:var(--radius-full);animation:button-spin .8s linear infinite}.button-loading.button-sm:after{width:16px;height:16px;margin:-8px 0 0 -8px}.button-loading.button-lg:after{width:24px;height:24px;margin:-12px 0 0 -12px}.button-loading.button-xl:after{width:28px;height:28px;margin:-14px 0 0 -14px}@keyframes button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-group{display:inline-flex;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.button-group .button{border-radius:0;border-right:var(--border-width-1) solid var(--color-neutral-200);margin:0}.button-group .button:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.button-group .button:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right:none}.button-icon{padding:var(--space-3);min-width:44px;border-radius:var(--radius-full)}.button-icon.button-sm{padding:var(--space-2);min-width:36px}.button-icon.button-lg{padding:var(--space-4);min-width:52px}.button-icon.button-xl{padding:var(--space-5);min-width:60px}.button-fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-neutral-0);box-shadow:var(--shadow-lg);border:none;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;z-index:var(--z-fixed)}.button-fab:hover{transform:scale(1.1);box-shadow:var(--shadow-2xl)}.button-fab:active{transform:scale(1.05)}@media (max-width:768px){.button-group{flex-direction:column;border-radius:var(--radius-lg)}.button-group .button{border-right:none;border-bottom:var(--border-width-1) solid var(--color-neutral-200)}.button-group .button:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.button-group .button:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:none}.button-fab{bottom:var(--space-4);right:var(--space-4);width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button-fab:hover,.button:hover{transform:none}}@media (prefers-contrast:high){.button-danger,.button-outline,.button-primary,.button-secondary,.button-success{border-width:var(--border-width-2)}.button-ghost{border:var(--border-width-1) solid var(--color-neutral-400)}}.button-full{width:100%}.button-auto{width:auto}.button-text-left{text-align:left;justify-content:flex-start}.button-text-right{text-align:right;justify-content:flex-end}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);z-index:10000;padding:1.5rem;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;grid-gap:2rem;gap:2rem;color:#fff}.cookie-banner-text{flex:1 1}.cookie-banner-text h3{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:#fff}.cookie-banner-text p{font-size:.95rem;line-height:1.5;margin:0;color:hsla(0,0%,100%,.9)}.cookie-banner-actions{display:flex;grid-gap:1rem;gap:1rem;align-items:center;flex-shrink:0}.cookie-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-settings-modal{background:#fff;border-radius:1.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:slideInScale .3s ease-out}@keyframes slideInScale{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cookie-settings-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.cookie-settings-header h2{font-size:1.5rem;font-weight:700;margin:0;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.close-button:hover{background:rgba(0,0,0,.1);color:#333}.cookie-settings-content{padding:1.5rem 2rem}.cookie-settings-description{font-size:1rem;line-height:1.6;color:#666;margin:0 0 2rem}.cookie-categories{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.cookie-category{border:1px solid rgba(0,0,0,.1);border-radius:1rem;padding:1.5rem;background:rgba(0,0,0,.02)}.cookie-category-header{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:.75rem}.cookie-toggle-wrapper{flex-shrink:0}.cookie-toggle{position:absolute;opacity:0;pointer-events:none}.cookie-toggle-label{display:block;width:50px;height:28px;background:#ddd;border-radius:50px;position:relative;cursor:pointer;transition:all .3s ease}.cookie-toggle:checked+.cookie-toggle-label{background:#667eea}.cookie-toggle:disabled+.cookie-toggle-label{background:#4caf50;cursor:not-allowed}.cookie-toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.cookie-toggle:checked+.cookie-toggle-label .cookie-toggle-slider{transform:translateX(22px)}.cookie-category-info{flex:1 1}.cookie-category-info h4{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;color:#333}.cookie-status{font-size:.85rem;font-weight:500;padding:.25rem .75rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px}.cookie-status.required{background:#4caf50;color:#fff}.cookie-status.enabled{background:#667eea;color:#fff}.cookie-status.disabled{background:#f5f5f5;color:#666}.cookie-category-description{font-size:.9rem;line-height:1.5;color:#666;margin:0}.cookie-settings-actions{padding:1.5rem 2rem 2rem;border-top:1px solid rgba(0,0,0,.1);display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end}@media (max-width:768px){.cookie-banner-content{flex-direction:column;grid-gap:1.5rem;gap:1.5rem;text-align:center}.cookie-banner-actions{flex-direction:column;width:100%;grid-gap:.75rem;gap:.75rem}.cookie-settings-overlay{padding:1rem}.cookie-settings-header{padding:1.5rem 1.5rem 1rem}.cookie-settings-content{padding:1rem 1.5rem}.cookie-settings-actions{padding:1rem 1.5rem 1.5rem;flex-direction:column}.cookie-category{padding:1rem}.cookie-category-header{align-items:flex-start;grid-gap:.75rem;gap:.75rem}}@media (max-width:480px){.cookie-consent-banner{padding:1rem}.cookie-banner-text h3{font-size:1.1rem}.cookie-banner-text p{font-size:.9rem}}.footer-ad-container{max-width:1200px;margin:3rem auto 0;padding:0 2rem;text-align:center}.ad-banner-footer{margin:0 auto;padding:1.5rem;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem}.main-footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:2rem}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr;grid-gap:2rem;gap:2rem}.footer-section h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section h4{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#ecf0f1}.footer-section p{color:#bdc3c7;line-height:1.6;margin:0;font-size:.9rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin:.75rem 0}.footer-section a{color:#bdc3c7;text-decoration:none;font-size:.9rem;transition:all .3s ease}.footer-section a:hover{color:#3498db;padding-left:.25rem}.cookie-settings-footer{background:none;border:none;color:#bdc3c7;text-decoration:none;font-size:.9rem;cursor:pointer;padding:0;text-align:left;transition:all .3s ease}.cookie-settings-footer:hover{color:#3498db;padding-left:.25rem}.social-links{display:flex;grid-gap:1rem;gap:1rem}.social-links a{font-size:1.5rem;text-decoration:none;transition:all .3s ease;padding:.5rem;border-radius:.5rem;background:hsla(0,0%,100%,.1)}.social-links a:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);padding-left:.5rem}.footer-bottom{background:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.1)}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.footer-bottom p{margin:0;color:#95a5a6;font-size:.85rem}.footer-compliance{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.czech-badge,.gdpr-badge,.ssl-badge{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;color:#ecf0f1;white-space:nowrap}.gdpr-badge{background:rgba(52,152,219,.2);border-color:rgba(52,152,219,.4)}.ssl-badge{background:rgba(46,204,113,.2);border-color:rgba(46,204,113,.4)}.czech-badge{background:rgba(231,76,60,.2);border-color:rgba(231,76,60,.4)}@media (max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.footer-section:nth-child(4),.footer-section:nth-child(5){grid-column:span 1}}@media (max-width:768px){.footer-content{grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;padding:2rem 1rem}.footer-section:first-child{grid-column:span 2}.footer-bottom-content{flex-direction:column;text-align:center;grid-gap:1rem;gap:1rem;padding:1.5rem 1rem}.footer-compliance{flex-wrap:wrap;justify-content:center;grid-gap:.5rem;gap:.5rem}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding:1.5rem 1rem}.footer-section:first-child{grid-column:span 1}.footer-section h3{font-size:1.3rem}.social-links{justify-content:center}.footer-compliance{flex-direction:column;grid-gap:.5rem;gap:.5rem}.czech-badge,.gdpr-badge,.ssl-badge{font-size:.7rem;padding:.2rem .6rem}}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--border-width-1) solid var(--color-neutral-200);transition:var(--transition-all)}.site-header.scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-lg);border-bottom-color:var(--color-neutral-300)}.header-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:72px}.logo-container{flex-shrink:0}.logo-container,.logo-link{display:flex;align-items:center}.logo-link{grid-gap:var(--space-3);gap:var(--space-3);text-decoration:none;color:var(--color-neutral-900);font-weight:var(--font-bold);font-size:var(--text-xl);transition:var(--transition-all)}.logo-link:hover{color:var(--color-primary-600)}.logo-icon{font-size:var(--text-2xl);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));-webkit-background-clip:text;background-clip:text}.logo-icon,.logo-text{-webkit-text-fill-color:transparent}.logo-text{font-family:var(--font-primary);font-weight:var(--font-extrabold);letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-neutral-900),var(--color-neutral-700));-webkit-background-clip:text;background-clip:text}.nav-container{grid-gap:var(--space-6);gap:var(--space-6)}.nav-container,.nav-links{display:flex;align-items:center}.nav-links{grid-gap:var(--space-1);gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links a{display:flex;align-items:center;padding:var(--space-2) var(--space-4);color:var(--color-neutral-700);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:var(--transition-all);white-space:nowrap}.nav-links a:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.nav-links li.active a{color:var(--color-primary-600);background:var(--color-primary-100);font-weight:var(--font-semibold)}.premium-link a{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;font-weight:var(--font-semibold);box-shadow:0 2px 8px rgba(102,126,234,.3)}.premium-link a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.premium-link.active a,.premium-link a:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important}.auth-buttons{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.user-email{font-size:var(--text-sm);color:var(--color-neutral-600);margin-right:var(--space-2);font-weight:500}.logout-button{padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-neutral-700);border:var(--border-width-1) solid var(--color-neutral-400);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.logout-button:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-600);color:var(--color-neutral-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-actions{grid-gap:var(--space-3);gap:var(--space-3)}.header-actions,.theme-toggle{display:flex;align-items:center}.theme-toggle{justify-content:center;width:44px;height:44px;background:var(--color-neutral-100);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);font-size:var(--text-lg)}.theme-toggle:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-300)}.theme-toggle:active{transform:scale(.95)}.login-button{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:transparent;border:var(--border-width-1) solid var(--color-primary-500);color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:var(--transition-all);white-space:nowrap}.login-button:hover{background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-700)}.register-button{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-primary-500);border:var(--border-width-1) solid var(--color-primary-500);color:var(--color-neutral-0);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:var(--transition-all);white-space:nowrap}.register-button:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-neutral-0)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;position:relative}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--color-neutral-700);border-radius:var(--radius-sm);transition:var(--transition-all)}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav-overlay{position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:var(--transition-all)}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-menu{position:fixed;top:72px;left:0;right:0;background:var(--color-neutral-0);border-top:var(--border-width-1) solid var(--color-neutral-200);box-shadow:var(--shadow-xl);z-index:var(--z-modal);transform:translateY(-100%);transition:var(--transition-all)}.mobile-nav-menu.active{transform:translateY(0)}.mobile-nav-links{padding:var(--space-4);list-style:none;margin:0}.mobile-nav-links li{margin-bottom:var(--space-1)}.mobile-nav-links a{display:block;padding:var(--space-4);color:var(--color-neutral-700);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);border-radius:var(--radius-lg);transition:var(--transition-all)}.mobile-nav-links a:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.mobile-nav-links li.active a{color:var(--color-primary-600);background:var(--color-primary-100);font-weight:var(--font-semibold)}.mobile-nav-actions{padding:var(--space-4);border-top:var(--border-width-1) solid var(--color-neutral-200);display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-4);gap:var(--space-4)}.mobile-auth-buttons{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);width:100%}.mobile-login-button,.mobile-register-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);border-radius:var(--radius-lg);transition:var(--transition-all);width:100%}.mobile-login-button{background:transparent;border:var(--border-width-1) solid var(--color-primary-500);color:var(--color-primary-600)}.mobile-login-button:hover{background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-700)}.mobile-register-button{background:var(--color-primary-500);border:var(--border-width-1) solid var(--color-primary-500);color:var(--color-neutral-0)}.mobile-register-button:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.mobile-user-email{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--space-2);font-weight:500;text-align:center}.mobile-logout-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);background:transparent;color:var(--color-neutral-700);border:var(--border-width-1) solid var(--color-neutral-400);font-weight:var(--font-medium);font-size:var(--text-base);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);width:100%}.mobile-logout-button:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-600);color:var(--color-neutral-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mobile-theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-neutral-100);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);font-size:var(--text-lg)}.mobile-theme-toggle:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-300)}@media (min-width:769px){.mobile-menu-toggle{display:none}.mobile-nav-menu,.mobile-nav-overlay{display:none!important}}@media (max-width:768px){.header-container{height:64px;padding:0 var(--space-4)}.auth-buttons,.header-actions,.nav-links{display:none}.mobile-menu-toggle{display:flex}.mobile-nav-menu.active,.mobile-nav-overlay.active{display:block}}@media (max-width:480px){.header-container{height:56px;padding:0 var(--space-3)}.logo-link{font-size:var(--text-lg);grid-gap:var(--space-2);gap:var(--space-2)}.logo-icon{font-size:var(--text-xl)}.mobile-nav-menu,.mobile-nav-overlay{top:56px}}@media (prefers-reduced-motion:reduce){.logo-link,.mobile-menu-toggle span,.mobile-nav-menu,.mobile-nav-overlay,.nav-links a,.site-header{transition:none}}.login-button:focus-visible,.logo-link:focus-visible,.mobile-login-button:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-nav-links a:focus-visible,.mobile-register-button:focus-visible,.mobile-theme-toggle:focus-visible,.nav-links a:focus-visible,.register-button:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-contrast:high){.site-header{background:var(--color-neutral-0);border-bottom-width:var(--border-width-2)}.mobile-nav-links a,.nav-links a{border:var(--border-width-1) solid transparent}.mobile-nav-links a:hover,.nav-links a:hover{border-color:var(--color-primary-500)}.login-button,.mobile-login-button,.mobile-register-button,.mobile-theme-toggle,.register-button,.theme-toggle{border-width:var(--border-width-2)}}body{padding-top:72px}@media (max-width:768px){body{padding-top:64px}}@media (max-width:480px){body{padding-top:56px}}.logo-link:hover .logo-icon{animation:logoFloat 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.header-search{flex:1 1;max-width:400px;margin:0 var(--space-4)}.header-search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-neutral-50);transition:var(--transition-all)}.header-search-input:focus{outline:none;border-color:var(--color-primary-500);background:var(--color-neutral-0);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.header-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-neutral-400);font-size:var(--text-sm)}@media (max-width:1024px){.header-search{display:none}}.nav-badge{position:absolute;top:-2px;right:-2px;background:var(--color-error-500);color:var(--color-neutral-0);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:18px;text-align:center}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-neutral-100);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.profile-trigger:hover{background:var(--color-neutral-200)}.profile-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-500);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-0);font-weight:var(--font-semibold);font-size:var(--text-sm)}.profile-menu{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-neutral-0);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition-all)}.profile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.profile-menu-item{display:block;padding:var(--space-3) var(--space-4);color:var(--color-neutral-700);text-decoration:none;font-size:var(--text-sm);transition:var(--transition-all)}.profile-menu-item:hover{background:var(--color-neutral-50);color:var(--color-primary-600)}.profile-menu-divider{height:1px;background:var(--color-neutral-200);margin:var(--space-1) 0}.home-page{min-height:100vh;position:relative}.ad-banner-home-top{max-width:1200px;margin:3rem auto;background:hsla(0,0%,100%,.05);border-radius:1rem;padding:2rem}.ad-banner-home-mid,.ad-banner-home-top{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-banner-home-mid{max-width:800px;margin:4rem auto;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:3rem 2rem}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0,transparent 50%);z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-16);gap:var(--space-16);align-items:center;max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.hero-text{display:flex;flex-direction:column;grid-gap:var(--space-6);gap:var(--space-6)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:#fff;margin-bottom:var(--space-4)}.hero-title .accent{background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-xl);color:hsla(0,0%,100%,.9);line-height:1.6;margin-bottom:var(--space-8)}.hero-cta{display:flex;grid-gap:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-media-player{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:var(--glass-shadow);width:100%;max-width:400px;position:relative}.hero-media-player:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,hsla(0,0%,100%,.1),transparent);animation:rotate 10s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-artwork{width:200px;height:200px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--primary-400),var(--accent-400));margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;position:relative;overflow:hidden;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3);transform:scale(1)}50%{box-shadow:0 0 40px rgba(99,102,241,.5);transform:scale(1.02)}}.media-controls{grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.control-btn,.media-controls{display:flex;align-items:center;justify-content:center}.control-btn{width:48px;height:48px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;transition:all var(--transition-base);font-size:var(--text-lg)}.control-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.play-btn{width:64px;height:64px;background:#fff;color:var(--primary-500);font-size:var(--text-2xl)}.play-btn:hover{background:hsla(0,0%,100%,.95);transform:scale(1.1)}.progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.2);overflow:hidden;margin-bottom:var(--space-3)}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-400),var(--primary-400));width:35%;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.media-info{text-align:center;color:#fff}.media-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.media-artist{font-size:var(--text-sm);opacity:.8}.floating-note{position:absolute;color:hsla(0,0%,100%,.1);font-size:2rem;animation:float-note 6s ease-in-out infinite;pointer-events:none}.floating-note:first-child{top:10%;left:10%;animation-delay:0s}.floating-note:nth-child(2){top:20%;right:15%;animation-delay:1s}.floating-note:nth-child(3){bottom:30%;left:20%;animation-delay:2s}.floating-note:nth-child(4){bottom:10%;right:10%;animation-delay:3s}@keyframes float-note{0%,to{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.features-section{padding:var(--space-24) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.section-header p{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-16)}.feature-card{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--glass-shadow);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:#fff;margin-bottom:var(--space-6)}.feature-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6}.stats-section{padding:var(--space-20) 0;background:var(--gradient-surface)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.stat-card{text-align:center;padding:var(--space-6)}.stat-number{font-size:var(--text-5xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);display:block}.stat-label{font-size:var(--text-lg);color:var(--text-secondary);font-weight:500}.cta-section{padding:var(--space-24) 0;text-align:center;background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 70% 30%,hsla(0,0%,100%,.05) 0,transparent 50%);z-index:1}.cta-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.cta-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-6)}.cta-description{font-size:var(--text-xl);opacity:.9;margin-bottom:var(--space-8);line-height:1.6}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;grid-gap:var(--space-12);gap:var(--space-12);text-align:center}.hero-media-player{max-width:300px}.media-artwork{width:150px;height:150px}}@media (max-width:640px){.hero-title{font-size:2.5rem}.hero-cta{justify-content:center}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-title{font-size:var(--text-3xl)}}:root{--color-primary-50:#f0f4ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-accent-50:#fdf4ff;--color-accent-100:#fae8ff;--color-accent-200:#f5d0fe;--color-accent-300:#f0abfc;--color-accent-400:#e879f9;--color-accent-500:#d946ef;--color-accent-600:#c026d3;--color-accent-700:#a21caf;--color-accent-800:#86198f;--color-accent-900:#701a75;--color-neutral-0:#fff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-7xl:4.5rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-px:1px;--space-0:0;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--border-width-8:8px;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--transition-none:none;--transition-all:all 150ms cubic-bezier(0.4,0,0.2,1);--transition-default:150ms cubic-bezier(0.4,0,0.2,1);--transition-fast:100ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-neutral-900);background-color:var(--color-neutral-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.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)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (min-width:640px){.sm\\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.md\\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.md\\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.lg\\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.gap-0{grid-gap:var(--space-0);gap:var(--space-0)}.gap-1{grid-gap:var(--space-1);gap:var(--space-1)}.gap-2{grid-gap:var(--space-2);gap:var(--space-2)}.gap-3{grid-gap:var(--space-3);gap:var(--space-3)}.gap-4{grid-gap:var(--space-4);gap:var(--space-4)}.gap-5{grid-gap:var(--space-5);gap:var(--space-5)}.gap-6{grid-gap:var(--space-6);gap:var(--space-6)}.gap-8{grid-gap:var(--space-8);gap:var(--space-8)}.gap-10{grid-gap:var(--space-10);gap:var(--space-10)}.gap-12{grid-gap:var(--space-12);gap:var(--space-12)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-neutral-0{color:var(--color-neutral-0)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.bg-neutral-0{background-color:var(--color-neutral-0)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.border{border:var(--border-width-1) solid var(--color-neutral-200)}.border-2{border:var(--border-width-2) solid var(--color-neutral-200)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-primary-500{border-color:var(--color-primary-500)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition-none{transition:var(--transition-none)}.transition-all{transition:var(--transition-all)}.transition{transition:var(--transition-default)}.hover\\:bg-primary-600:hover{background-color:var(--color-primary-600)}.hover\\:bg-primary-700:hover{background-color:var(--color-primary-700)}.hover\\:text-primary-600:hover{color:var(--color-primary-600)}.hover\\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.focus\\:outline-none:focus{outline:none}.focus\\:ring-2:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}@media (min-width:640px){.sm\\:block{display:block}.sm\\:hidden{display:none}.sm\\:flex{display:flex}.sm\\:grid{display:grid}}@media (min-width:768px){.md\\:block{display:block}.md\\:hidden{display:none}.md\\:flex{display:flex}.md\\:grid{display:grid}}@media (min-width:1024px){.lg\\:block{display:block}.lg\\:hidden{display:none}.lg\\:flex{display:flex}.lg\\:grid{display:grid}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1}:root{--primary-400:#6366f1;--primary-500:#4f46e5;--primary-600:#4338ca;--primary-700:#3730a3;--accent-400:#f59e0b;--accent-500:#d97706;--accent-600:#b45309;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--background:var(--neutral-50);--surface:hsla(0,0%,100%,0.9);--surface-hover:hsla(0,0%,100%,0.95);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--border:hsla(0,0%,100%,0.2);--shadow:rgba(0,0,0,0.1);--glass-bg:hsla(0,0%,100%,0.15);--glass-border:hsla(0,0%,100%,0.2);--glass-shadow:0 8px 32px rgba(31,38,135,0.37);--glass-backdrop:blur(10px);--gradient-primary:linear-gradient(135deg,var(--primary-400),var(--primary-600));--gradient-accent:linear-gradient(135deg,var(--accent-400),var(--accent-600));--gradient-surface:linear-gradient(135deg,hsla(0,0%,100%,0.2),hsla(0,0%,100%,0.1));--gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--gradient-dark:linear-gradient(135deg,#2c3e50,#34495e);--text-xs:0.75rem;--text-sm:0.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;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-slower:500ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=dark]{--background:var(--neutral-900);--surface:rgba(38,38,38,0.9);--surface-hover:rgba(64,64,64,0.95);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-muted:var(--neutral-400);--border:hsla(0,0%,100%,0.1);--shadow:rgba(0,0,0,0.5);--glass-bg:rgba(38,38,38,0.15);--glass-border:hsla(0,0%,100%,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.6);--gradient-surface:linear-gradient(135deg,rgba(64,64,64,0.2),rgba(38,38,38,0.1))}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base);min-height:100vh;position:relative;overflow-x:hidden}body:before{top:0;left:0;right:0;bottom:0;background:var(--gradient-hero);opacity:.05;z-index:-2}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,var(--primary-400) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-400) 0,transparent 50%),radial-gradient(circle at 40% 40%,var(--primary-600) 0,transparent 50%);opacity:.03;z-index:-1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.025em}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-4xl)}h4{font-size:var(--text-3xl)}h5{font-size:var(--text-2xl)}h6{font-size:var(--text-xl)}p{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-accent-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-scale{animation:fadeInScale .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.interactive{cursor:pointer;transition:all var(--transition-base)}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive:active{transform:translateY(0)}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:none}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:640px){:root{--text-6xl:2.5rem;--text-5xl:2rem;--text-4xl:1.75rem}.container{padding:0 var(--space-4)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}::selection{background:var(--primary-400);color:#fff}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=main.fb1a2a3b.chunk.css.map */