.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}.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}.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}}.ad-container{margin:2rem 0;padding:1rem;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:1rem;text-align:center;min-height:100px;position:relative;overflow:hidden}.ad-container:before{content:"Reklama";position:absolute;top:.25rem;right:.5rem;font-size:.75rem;color:hsla(0,0%,100%,.5);font-style:italic}.ad-banner-header{max-width:728px;margin:0 auto}.ad-banner-sidebar{max-width:300px}.ad-banner-content{margin:2rem auto;max-width:100%}.ad-consent-prompt{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:1.5rem;text-align:center;min-height:120px}.ad-consent-content h4{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .75rem}.ad-consent-content p{font-size:.9rem;color:#666;line-height:1.5;max-width:400px;margin:0 auto 1rem}.consent-button{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.consent-button:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 8px rgba(102,126,234,.3)}@media (max-width:480px){.ad-banner-sidebar{display:none}.ad-consent-content{padding:1rem}.ad-consent-content h4{font-size:1rem}.ad-consent-content p{font-size:.85rem}}.sticky-ad-container{position:fixed;right:-180px;top:50%;transform:translateY(-50%);z-index:1000;max-width:160px;transition:right .3s ease-in-out;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(103,126,234,.2);border-radius:1rem;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.sticky-ad-container.visible{right:20px}.sticky-ad-close{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #667eea;color:#667eea;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.sticky-ad-close:hover{background:#667eea;color:#fff;transform:rotate(90deg)}.sticky-ad-banner{width:100%}@media (max-width:1400px){.sticky-ad-container{display:none}}@media (prefers-color-scheme:dark){.sticky-ad-container{background:rgba(30,30,30,.95);border-color:rgba(103,126,234,.3)}.sticky-ad-close{background:#2a2a2a;border-color:#667eea;color:#667eea}.sticky-ad-close:hover{background:#667eea;color:#fff}}.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)}.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)}.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;justify-content:center}@media (max-width:768px){.header-container{height:64px;padding:0 var(--space-4)}.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}}.logo-link:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-nav-links a:focus-visible,.nav-links a: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)}.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;padding:0 var(--space-6)}.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{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}.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{background:hsla(0,0%,100%,.2);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{color:hsla(0,0%,100%,.1);animation:float-note 6s ease-in-out infinite;pointer-events:none}.floating-note:first-child{top:10%;left:10%}.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{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{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)}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.auth-page:before{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%)}.auth-page:after,.auth-page:before{content:"";position:absolute;z-index:1}.auth-page:after{width:100px;height:100px;background:hsla(0,0%,100%,.1);border-radius:50%;top:20%;right:15%;animation:float 6s ease-in-out infinite}.auth-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 160px);align-items:center;position:relative;z-index:2}.auth-card{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;padding:3rem;box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 1px 0 hsla(0,0%,100%,.3);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-header p{font-size:1.1rem;color:hsla(0,0%,100%,.8);line-height:1.5;margin:0}.auth-form{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;font-size:1.2rem;z-index:1;opacity:.7}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-wrapper input::placeholder{color:hsla(0,0%,100%,.6)}.input-wrapper input:focus{outline:none;border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.15);box-shadow:0 0 0 3px hsla(0,0%,100%,.1);transform:translateY(-1px)}.input-wrapper input:focus+.input-icon,.input-wrapper input:not(:placeholder-shown)+.input-icon{opacity:1}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:2}.password-toggle:hover{color:#fff;transform:scale(1.1)}.password-strength{margin-top:.5rem;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.strength-bar{flex:1 1;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;position:relative}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.strength-bar.weak .strength-fill{width:33%;background:#ef4444}.strength-bar.medium .strength-fill{width:66%;background:#f59e0b}.strength-bar.strong .strength-fill{width:100%;background:#10b981}.strength-text{font-size:.8rem;color:hsla(0,0%,100%,.8);white-space:nowrap}.password-mismatch{margin-top:.5rem;font-size:.8rem;color:#fecaca;background:rgba(239,68,68,.1);padding:.5rem;border-radius:.5rem;border:1px solid rgba(239,68,68,.2)}.error-message{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#fecaca;border-radius:1rem}.error-message,.success-message{padding:1rem;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#a7f3d0;border-radius:1rem;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:1rem}.auth-button{width:100%;padding:1rem 2rem!important;font-size:1.1rem!important;font-weight:600!important;border-radius:1rem!important;transition:all .3s ease!important}.forgot-password{text-align:center;color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.9rem;transition:color .3s ease}.forgot-password:hover{color:#fff;text-decoration:underline}.mode-toggle{margin-top:1.5rem;text-align:center}.mode-toggle p{color:hsla(0,0%,100%,.8);font-size:.95rem;margin:0}.toggle-button{background:none;font-weight:600;font-size:.95rem;margin-left:.5rem;text-decoration:underline}.toggle-button:hover{color:#ffd89b;transform:translateY(-1px)}.auth-separator{position:relative;text-align:center;margin:2rem 0 1.5rem}.auth-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:hsla(0,0%,100%,.2);z-index:1}.auth-separator span{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;padding:.5rem 1rem;color:hsla(0,0%,100%,.8);font-size:.9rem;position:relative;z-index:2}.social-login{flex-direction:column}.social-button,.social-login{display:flex;grid-gap:1rem;gap:1rem}.social-button{align-items:center;justify-content:center;padding:1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:4px}.social-button.google .social-icon{background:#4285f4}.social-button.facebook .social-icon{background:#1877f2}.auth-illustration{display:flex;align-items:center;justify-content:center;position:relative}.illustration-content{text-align:center;color:#fff}.illustration-content h3{font-size:2rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.illustration-content p{font-size:1.2rem;color:hsla(0,0%,100%,.8);line-height:1.6;margin:0 0 3rem}.illustration-image{width:300px;height:300px;background:url(/static/media/headphones-illustration.ef89001e.svg) 50%/contain no-repeat;margin:0 auto;opacity:.8;animation:gentleFloat 8s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.auth-container{grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding:1rem}.auth-illustration{order:-1}.illustration-content h3{font-size:1.5rem}.illustration-content p{font-size:1rem}.illustration-image{width:200px;height:200px}}@media (max-width:768px){.auth-card{padding:2rem;border-radius:1.5rem}.auth-header h2{font-size:2rem}.auth-header p{font-size:1rem}.illustration-content{display:none}}@media (max-width:480px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem;border-radius:1rem}.auth-header h2{font-size:1.75rem}.social-login{grid-gap:.75rem;gap:.75rem}.social-button{padding:.875rem;font-size:.9rem}}@media (prefers-color-scheme:dark){.auth-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.auth-card:focus-within{box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 1px 0 hsla(0,0%,100%,.3),0 0 0 2px hsla(0,0%,100%,.2)}.profile-page{background-color:#f7f9fc;min-height:100vh}.profile-content{max-width:1200px;margin:0 auto;padding:2rem}.profile-error,.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center}.loading-spinner{border:5px solid rgba(0,0,0,.1);border-top-color:#3498db;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.error-icon{font-size:3rem}.profile-header{background:#fff;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,.05);overflow:hidden;margin-bottom:2rem}.profile-cover{height:180px;background:linear-gradient(135deg,#3498db,#1abc9c);position:relative}.user-avatar{position:absolute;bottom:-40px;left:40px;width:120px;height:120px;border-radius:50%;border:5px solid #fff;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1)}.user-avatar img{width:100%;height:100%;object-fit:cover}.premium-badge{position:absolute;bottom:0;right:0;width:30px;height:30px;background-color:#f1c40f;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-size:1rem}.profile-info{display:flex;justify-content:space-between;padding:3rem 2rem 1rem}.user-details h1{margin:0;font-size:1.8rem;color:#333}.username{color:#666;margin:.3rem 0}.join-date{color:#888;font-size:.9rem;margin:.3rem 0}.profile-actions{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.premium-info{display:inline-block;padding:.4rem .8rem;background:linear-gradient(90deg,#f1c40f,#e67e22);color:#fff;border-radius:20px;font-size:.9rem;font-weight:500}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;padding:1rem 2rem 2rem}.stat-card{background:#f8f9fa;border-radius:12px;padding:1.2rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.stat-value{font-size:1.5rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#666}.profile-tabs{background:#fff;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,.05);overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid #eee;overflow-x:auto}.tab-button{font-size:1rem;white-space:nowrap;transition:all .2s}.tab-button.active{color:#3498db;font-weight:500}.tab-button.active:after{bottom:0;width:100%;height:3px;background:#3498db}.tab-content{padding:2rem}.section-title{margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.8rem}.section-title h2{font-size:1.5rem;margin:0;color:#333}.current-book{margin-bottom:2rem}.current-book h3{font-size:1.2rem;margin-bottom:1rem;color:#555}.current-book-card{display:flex;background:#f8f9fa;border-radius:12px;overflow:hidden}.book-cover{width:100px;height:150px;flex-shrink:0}.book-cover img{width:100%;height:100%;object-fit:cover}.book-details{padding:1rem;flex:1 1}.book-details h4{margin:0 0 .5rem;font-size:1.1rem}.book-details p{margin:0 0 1rem;color:#666}.progress-bar{height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress{height:100%;background:linear-gradient(90deg,#3498db,#1abc9c);border-radius:3px}.progress-info{display:flex;justify-content:space-between;font-size:.85rem;color:#666}.continue-button{margin-top:1rem}.history-list{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.history-item{display:flex;align-items:center;background:#f8f9fa;border-radius:12px;overflow:hidden;padding:.8rem;transition:all .2s ease}.history-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.05)}.history-cover{width:60px;height:90px;border-radius:6px;overflow:hidden;margin-right:1rem}.history-cover img{width:100%;height:100%;object-fit:cover}.history-details{flex:1 1}.history-details h4{margin:0 0 .3rem;font-size:1rem}.history-details p{margin:0 0 .5rem;font-size:.9rem;color:#666}.history-progress{width:100%;height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-top:.5rem}.history-progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#1abc9c);border-radius:2px}.history-meta{justify-content:space-between;margin-top:.3rem;font-size:.8rem;color:#888}.history-actions,.history-meta{display:flex;align-items:center}.history-actions{grid-gap:.5rem;gap:.5rem}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1.5rem;gap:1.5rem}.favorite-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer}.favorite-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.favorite-cover{height:220px;position:relative}.favorite-cover img{width:100%;height:100%;object-fit:cover}.favorite-icon{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e74c3c;font-size:1rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.favorite-info{padding:1rem}.favorite-info h4{margin:0 0 .3rem;font-size:1rem}.favorite-info h4,.favorite-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-info p{margin:0;color:#666;font-size:.9rem}.favorite-category{display:inline-block;padding:.2rem .5rem;background-color:#f0f0f0;border-radius:12px;font-size:.8rem;color:#666;margin-top:.8rem}.settings-section{margin-bottom:2.5rem}.settings-form{grid-gap:1.5rem;gap:1.5rem}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{grid-gap:.5rem;gap:.5rem}.form-group label{font-weight:500;color:#555}.form-control{padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1);outline:none}.settings-actions{display:flex;justify-content:flex-start;grid-gap:1rem;gap:1rem;margin-top:1rem}.toggle-group{display:flex;flex-direction:row;align-items:center;grid-gap:.8rem;gap:.8rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#3498db}input:checked+.toggle-slider:before{transform:translateX(26px)}.plan-badge{display:inline-flex;padding:.3rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;margin-left:.5rem;vertical-align:middle}.plan-badge.free{background-color:#e9ecef;color:#495057}.plan-badge.premium{background:linear-gradient(90deg,#f1c40f,#e67e22);color:#fff}.fade-in{animation:fadeIn .5s ease forwards}@media (max-width:768px){.profile-content{padding:1rem}.profile-info{flex-direction:column;padding:3rem 1rem 1rem;text-align:center;grid-gap:1.5rem;gap:1.5rem}.user-avatar{left:50%;transform:translateX(-50%)}.profile-actions{justify-content:center}.user-stats{padding:1rem}.tab-content{padding:1.5rem}.current-book-card{flex-direction:column;align-items:center}.book-cover{width:120px;height:180px;margin-bottom:1rem}.book-details{text-align:center;padding:0 1rem 1rem}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.favorite-cover{height:180px}}@media (max-width:576px){.history-item{flex-direction:column;align-items:flex-start}.history-cover{margin-bottom:.8rem;margin-right:0}.settings-actions{flex-direction:column;width:100%}.settings-actions button{width:100%}}.content-page{min-height:100vh;background:linear-gradient(135deg,var(--color-neutral-50),var(--color-neutral-100))}.content-hero{position:relative;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));overflow:hidden}.content-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.05) 0,transparent 50%);z-index:1}.hero-content{padding:var(--space-16) var(--space-4);text-align:center}.hero-title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--color-neutral-0);margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--text-xl);font-weight:var(--font-normal);color:hsla(0,0%,100%,.9);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto var(--space-8) auto}.search-section{background:var(--color-neutral-0);border-bottom:var(--border-width-1) solid var(--color-neutral-200);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.search-container{max-width:var(--container-xl);margin:0 auto;padding:var(--space-6) var(--space-4)}.search-form{display:flex;flex-direction:column;grid-gap:var(--space-4);gap:var(--space-4)}.search-input-wrapper{position:relative;flex:1 1}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:var(--border-width-2) solid var(--color-neutral-200);border-radius:var(--radius-xl);font-size:var(--text-base);font-family:var(--font-primary);background:var(--color-neutral-0);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-neutral-400);font-size:var(--text-lg);pointer-events:none}.category-tabs-container{margin-top:var(--space-4)}.category-tabs{display:flex;grid-gap:var(--space-2);gap:var(--space-2);flex-wrap:wrap;justify-content:center}.category-tab{padding:var(--space-3) var(--space-6);border:var(--border-width-2) solid var(--color-neutral-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-700);background:var(--color-neutral-0);cursor:pointer;transition:var(--transition-all);white-space:nowrap;box-shadow:var(--shadow-sm)}.category-tab:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.category-tab.active{border-color:var(--color-primary-500);background:var(--color-primary-500);color:var(--color-neutral-0);box-shadow:var(--shadow-lg)}.category-tab.active:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.category-select{display:none;width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-2) solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--color-neutral-0);transition:var(--transition-all)}.category-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.content-section{max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) var(--space-4)}.content-header{text-align:center;margin-bottom:var(--space-8)}.content-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.content-subtitle{font-size:var(--text-lg);color:var(--color-neutral-600);font-weight:var(--font-normal)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.content-card{background:var(--color-neutral-0);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-2xl);overflow:hidden;transition:var(--transition-all);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:block}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.content-cover{position:relative;width:100%;height:200px;background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200));overflow:hidden}.content-cover img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.content-card:hover .content-cover img{transform:scale(1.05)}.default-cover{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-neutral-0)}.default-icon{font-size:var(--text-4xl);opacity:.8;text-shadow:0 2px 8px rgba(0,0,0,.2)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-all)}.content-card:hover .play-overlay{opacity:1}.play-button{width:60px;height:60px;background:var(--color-neutral-0);border-radius:var(--radius-full);transition:var(--transition-all);box-shadow:var(--shadow-lg)}.play-button:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.play-icon{font-size:var(--text-xl);color:var(--color-primary-600);margin-left:2px}.content-info{padding:var(--space-5)}.content-meta{display:flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-3)}.content-category{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-600);background:var(--color-primary-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.content-duration{font-size:var(--text-xs);color:var(--color-neutral-500);font-weight:var(--font-medium)}.content-title-info{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-neutral-900);line-height:var(--leading-tight);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-author{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.content-narrator{color:var(--color-neutral-500);font-weight:var(--font-normal)}.content-description,.content-narrator{font-size:var(--text-sm);margin-bottom:var(--space-3)}.content-description{color:var(--color-neutral-600);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-tags{display:flex;flex-wrap:wrap;grid-gap:var(--space-1);gap:var(--space-1)}.content-tag{font-size:var(--text-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-weight:var(--font-medium)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.loading-spinner{width:48px;height:48px;border-top:4px solid var(--color-neutral-200);border:4px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.loading-text{font-size:var(--text-lg);color:var(--color-neutral-600);font-weight:var(--font-medium)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.error-icon{font-size:var(--text-5xl);color:var(--color-error-500);margin-bottom:var(--space-4)}.error-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-error-600);margin-bottom:var(--space-2)}.error-message{font-size:var(--text-base);color:var(--color-neutral-600);line-height:var(--leading-relaxed);max-width:500px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.empty-icon{font-size:var(--text-5xl);color:var(--color-neutral-400);margin-bottom:var(--space-4)}.empty-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-neutral-700);margin-bottom:var(--space-2)}.empty-message{font-size:var(--text-base);color:var(--color-neutral-600);line-height:var(--leading-relaxed);max-width:500px}.pagination{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-6)}.pagination-info{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:var(--font-medium)}.pagination-current{font-weight:var(--font-bold);color:var(--color-primary-600)}@media (max-width:768px){.hero-content{padding:var(--space-12) var(--space-4)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.search-form{flex-direction:column}.category-tabs{display:none}.category-select{display:block}.content-grid{grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}.content-cover{height:160px}.content-section{padding:var(--space-6) var(--space-4)}}@media (max-width:480px){.hero-content{padding:var(--space-8) var(--space-4)}.content-info,.search-container{padding:var(--space-4)}.content-cover{height:140px}}@media (min-width:769px) and (max-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}}@media (min-width:1025px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.category-tab:focus-visible,.search-input:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-contrast:high){.category-tab,.content-card,.search-input{border-width:var(--border-width-2)}}.video-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.video-ad-container{width:90%;max-width:800px;background:#000;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}.ad-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(0,0,0,.8);color:#fff}.ad-label{font-size:.9rem;font-weight:600}.skip-ad-button{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.skip-ad-button:hover{background:#5a67d8;transform:translateX(2px)}.ad-video-placeholder{position:relative;width:100%;padding-top:56.25%;background:#111}.ad-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.ad-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.ad-fallback h3{font-size:2rem;margin-bottom:1rem}.ad-fallback p{color:hsla(0,0%,100%,.8);margin:.5rem 0}.ad-info{font-size:.9rem;opacity:.6}@media (max-width:768px){.video-ad-container{width:95%;max-width:none}.ad-header{padding:.75rem}.skip-ad-button{padding:.4rem .8rem;font-size:.85rem}}.audiobook-player{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;padding:0 20px 16px;margin-top:0}.audiobook-player.has-video{position:fixed;top:0;left:0;right:0;height:auto;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.video-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1rem;border-radius:0 0 1rem 1rem;margin-bottom:1rem;box-shadow:inset 0 2px 10px rgba(0,0,0,.3)}.video-player{width:100%;max-width:900px;height:auto;margin:0 auto;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);display:block}.player-header{justify-content:space-between;margin-bottom:12px}.player-header,.player-info{display:flex;align-items:center}.player-info{grid-gap:12px;gap:12px;flex:1 1}.player-cover{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-cover img{width:100%;height:100%;object-fit:cover}.default-cover{font-size:1.5rem;color:#6c757d}.player-meta{min-width:0;flex:1 1}.player-title{font-size:1rem;font-weight:600;color:#333}.player-author,.player-title{margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-author{font-size:.9rem;color:#666}.player-chapter{font-size:.85rem;color:#777;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls-right{display:flex;align-items:center;grid-gap:8px;gap:8px}.close-button,.playlist-button{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.close-button:hover,.playlist-button:hover{background:#f8f9fa;color:#333}.player-progress{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px}.time-current,.time-duration{font-size:.85rem;color:#666;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:45px}.progress-container{flex:1 1;height:20px;display:flex;align-items:center}.progress-bar{width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.progress-bar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.player-controls{grid-gap:12px;gap:12px;margin-bottom:16px}.control-button,.player-controls{display:flex;justify-content:center;align-items:center}.control-button{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:8px;border-radius:50%;width:44px;height:44px;transition:all .2s}.control-button:hover:not(:disabled){background:#f8f9fa;color:#333}.control-button:disabled{opacity:.4;cursor:not-allowed}.play-button{background:#007bff;color:#fff;border:none;font-size:1.8rem;cursor:pointer;padding:12px;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;box-shadow:0 4px 8px rgba(0,123,255,.3)}.play-button:hover:not(:disabled){background:#0056b3}.play-button:disabled{opacity:.6;cursor:not-allowed}.player-options{justify-content:center;grid-gap:24px;gap:24px}.playback-rate,.player-options{display:flex;align-items:center}.playback-rate{grid-gap:8px;gap:8px}.playback-rate label{font-size:.9rem;color:#666}.playback-rate select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff;cursor:pointer}.volume-control{display:flex;align-items:center;grid-gap:8px;gap:8px}.volume-control label{font-size:1rem}.volume-slider{width:80px;height:4px;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background:#ddd}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#007bff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.playlist-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.playlist-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.playlist-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9}.playlist-header h3{margin:0;font-size:1.2rem;color:#333}.close-playlist{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:4px}.playlist-chapters{overflow-y:auto;flex:1 1}.playlist-chapter{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f1f3f4}.playlist-chapter:hover{background:#f8f9fa}.playlist-chapter.active{background:#e3f2fd;color:#1976d2}.playlist-chapter .chapter-number{font-size:.85rem;color:#666;min-width:80px}.playlist-chapter.active .chapter-number{color:#1976d2}.playlist-chapter .chapter-title{flex:1 1;font-size:.95rem;font-weight:500}.playlist-chapter .chapter-duration{font-size:.85rem;color:#666}.playlist-chapter.active .chapter-duration{color:#1976d2}@media (max-width:768px){.audiobook-player{padding:12px 16px}.player-info{grid-gap:8px;gap:8px}.player-cover{width:50px;height:50px}.player-title{font-size:.9rem}.player-author,.player-chapter{font-size:.8rem}.player-controls{grid-gap:8px;gap:8px}.control-button{width:36px;height:36px;font-size:1.2rem}.play-button{width:48px;height:48px;font-size:1.5rem}.player-options{grid-gap:16px;gap:16px}.volume-slider{width:60px}.playlist-overlay{padding:10px}.playlist-content{max-height:80vh}.playlist-header{padding:16px}.playlist-chapter{padding:10px 16px;flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px}.playlist-chapter .chapter-duration,.playlist-chapter .chapter-number{min-width:auto}}@media (max-width:480px){.player-progress{grid-gap:8px;gap:8px}.time-current,.time-duration{font-size:.75rem;min-width:35px}.player-options{flex-direction:column;grid-gap:12px;gap:12px}.audiobook-player.has-video{max-height:100vh}.video-container{padding:.5rem}.video-player{border-radius:4px}.audiobook-detail-page.player-active{padding-top:350px}}.error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin:16px;text-align:center}.error-icon{font-size:2rem;margin-bottom:8px}.error-message p{color:#856404;font-weight:500;margin:0 0 8px}.error-message small{color:#856404;opacity:.8}.audiobook-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);transition:padding-top .3s ease}.ad-banner-detail-top{max-width:1200px;margin:2rem auto;padding:0 2rem;text-align:center}.ad-banner-detail-mid{max-width:800px;margin:3rem auto;text-align:center;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:2rem}.audiobook-detail-page.player-active{padding-top:400px}.detail-hero{position:relative;min-height:30vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.detail-hero: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%);z-index:1}.floating-note{position:absolute;font-size:2rem;color:hsla(0,0%,100%,.2);animation:float 6s ease-in-out infinite;z-index:1}.floating-note:first-child{top:30%;left:15%;animation-delay:0s}.floating-note:nth-child(2){top:60%;right:20%;animation-delay:3s}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.breadcrumb{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;font-size:1.1rem;color:#fff}.breadcrumb-link{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:hsla(0,0%,100%,.6)}.breadcrumb-current{color:#fff;font-weight:500}.error-container,.loading-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-content,.loading-content{text-align:center;padding:3rem;max-width:500px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.error-icon{font-size:4rem;margin-bottom:1rem}.error-content h2,.loading-content h2{margin:0 0 1rem;color:#333}.error-content p,.loading-content p{margin:0 0 2rem;color:#666}.detail-content{padding:4rem 0}.container{padding:0 2rem}.audiobook-layout{display:grid;grid-template-columns:350px 1fr;grid-gap:3rem;gap:3rem;align-items:start}.audiobook-sidebar{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;position:sticky;top:2rem}.cover-section{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:2rem;text-align:center}.audiobook-cover-large{width:100%;height:280px;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.cover-image-large{width:100%;height:100%;object-fit:cover}.default-cover-large{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:6rem;color:#fff}.quick-stats{flex-direction:column;margin-bottom:2rem}.quick-stats,.stat-item{display:flex;grid-gap:.75rem;gap:.75rem}.stat-item{align-items:center;padding:.75rem;background:hsla(0,0%,100%,.1);border-radius:.75rem}.stat-icon{font-size:1.2rem}.stat-text{color:#333;font-weight:500}.play-controls{width:100%}.metadata-section{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:1.5rem}.metadata-group{margin-bottom:1.5rem}.metadata-group:last-child{margin-bottom:0}.metadata-group h4{margin:0 0 1rem;color:#333;font-size:1rem;font-weight:600}.categories-list,.tags-list{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.category-tag{background:rgba(102,126,234,.2);padding:.5rem 1rem;font-size:.9rem}.category-tag,.tag-item{color:#667eea;border-radius:1rem;font-weight:500}.tag-item{background:rgba(102,126,234,.1);padding:.25rem .75rem;font-size:.8rem}.audiobook-main{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.book-info{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:2rem}.book-title{font-size:2.5rem;font-weight:800;color:#333;margin:0 0 1rem;line-height:1.2}.book-author,.book-narrator{font-size:1.2rem;color:#666;margin:0 0 .75rem}.book-description{margin-top:2rem}.book-description h3{margin:0 0 1rem;color:#333;font-size:1.3rem;font-weight:600}.book-description p{color:#555;line-height:1.6;font-size:1.1rem;margin:0}.content-section{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;padding:2rem}.content-tabs{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid hsla(0,0%,100%,.1)}.tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;color:#666;cursor:pointer;border-radius:.5rem .5rem 0 0;transition:all .3s ease;position:relative}.tab-button:hover{background:hsla(0,0%,100%,.1);color:#333}.tab-button.active{background:rgba(102,126,234,.1);color:#667eea;border-bottom:2px solid #667eea}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#667eea;border-radius:1px}.chapters-content,.transcript-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapters-header,.transcript-header{margin-bottom:2rem;text-align:center}.chapters-subtitle,.transcript-subtitle{color:#666;margin:0;font-size:1rem;font-style:italic}.transcript-text{max-height:60vh;overflow-y:auto;padding-right:1rem;line-height:1.8;font-size:1.05rem}.transcript-text::-webkit-scrollbar{width:8px}.transcript-text::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.transcript-text::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px}.transcript-text::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.transcript-paragraph{margin-bottom:1.2rem;color:#444;text-align:justify;text-indent:1.5rem}.transcript-heading{font-size:1.4rem;font-weight:700;color:#667eea;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(102,126,234,.2)}.transcript-divider{margin:2rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);border-radius:1px}.chapters-list{flex-direction:column}.chapter-item,.chapters-list{display:flex;grid-gap:1rem;gap:1rem}.chapter-item{align-items:center;padding:1.5rem;background:hsla(0,0%,100%,.1);border:2px solid transparent;border-radius:1rem;transition:all .3s ease;cursor:pointer}.chapter-item:hover{background:hsla(0,0%,100%,.2);border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.chapter-item.current{background:rgba(102,126,234,.1);border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.2)}.chapter-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#667eea;color:#fff;border-radius:50%;font-weight:600;font-size:1rem;flex-shrink:0}.chapter-item.current .chapter-number{background:#5a67d8;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.chapter-content{flex:1 1;min-width:0}.chapter-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.25rem;line-height:1.3}.chapter-meta{display:flex;grid-gap:1rem;gap:1rem;font-size:.9rem;color:#666}.play-chapter-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#667eea;color:#fff;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.play-chapter-button:hover{background:#5a67d8;transform:scale(1.1);box-shadow:0 4px 12px rgba(102,126,234,.3)}.chapter-item.current .play-chapter-button{background:#e53e3e}.chapter-item.current .play-chapter-button:hover{background:#c53030}@media (max-width:968px){.audiobook-layout{grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.audiobook-sidebar{position:static;order:2}.audiobook-main{order:1}.cover-section{display:grid;grid-template-columns:200px 1fr;grid-gap:2rem;gap:2rem;align-items:start;text-align:left}.audiobook-cover-large{height:200px;margin-bottom:0}.quick-stats{margin-bottom:0}}@media (max-width:768px){.container{padding:0 1rem}.detail-content{padding:2rem 0}.book-title{font-size:2rem}.cover-section{grid-template-columns:1fr;text-align:center}.audiobook-cover-large{height:250px;margin-bottom:1.5rem}.quick-stats{margin-bottom:2rem}.chapter-item{padding:1rem}.breadcrumb{font-size:1rem}.breadcrumb-current{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-tabs{flex-direction:column;grid-gap:.25rem;gap:.25rem}.tab-button{padding:.75rem 1rem;font-size:1rem;border-radius:.5rem;border-bottom:none}.tab-button.active{border-bottom:none;border-left:3px solid #667eea}.tab-button.active:after{display:none}.transcript-text{max-height:50vh;font-size:1rem}.transcript-paragraph{text-indent:1rem}.transcript-heading{font-size:1.2rem}}.ad-banner-description{margin-top:2rem;display:flex;justify-content:center}.ad-vertical-desktop{position:absolute;right:-180px;top:0;width:160px;display:none}@media (min-width:1400px){.ad-vertical-desktop{display:block}}.ad-between-chapters{margin:2rem 0;padding:1.5rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;text-align:center}.audiobook-main{position:relative}@media (max-width:480px){.book-title{font-size:1.5rem}.chapter-item{flex-direction:column;grid-gap:1rem;gap:1rem;text-align:center}.chapter-content{order:1}.chapter-number{order:2}.play-chapter-button{order:3}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.legal-content{padding:2rem 0 4rem;min-height:calc(100vh - 200px)}.legal-document{max-width:900px;margin:0 auto;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;padding:3rem;box-shadow:0 20px 40px rgba(0,0,0,.1)}.legal-document h1{font-size:2.5rem;font-weight:800;color:#333;margin:0 0 1rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{text-align:center;color:#666;font-size:.9rem;margin:0 0 3rem;padding:1rem;background:rgba(0,0,0,.05);border-radius:1rem;border-left:4px solid #667eea}.legal-section{margin:2.5rem 0;padding:0}.legal-section h2{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.legal-section h3{font-size:1.2rem;font-weight:600;color:#444;margin:2rem 0 1rem}.legal-section h4{font-size:1.1rem;font-weight:600;color:#555;margin:1.5rem 0 .75rem}.legal-section p{font-size:1rem;line-height:1.7;color:#666;margin:0 0 1rem}.legal-section ul{margin:1rem 0;padding-left:1.5rem}.legal-section li{font-size:1rem;line-height:1.6;color:#666;margin:.5rem 0}.legal-section li strong{color:#333;font-weight:600}.info-box{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:1rem;padding:1.5rem;margin:1.5rem 0}.info-box p{margin:.5rem 0;color:#333}.info-box strong{color:#667eea;font-weight:600}.purpose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.purpose-item{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.purpose-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.purpose-item h4{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .75rem}.purpose-item p{font-size:.9rem;color:#666;margin:0}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.25rem;gap:1.25rem;margin:2rem 0}.right-item{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:1px solid rgba(102,126,234,.2);border-radius:1rem;padding:1.25rem;transition:all .3s ease}.right-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.1);border-color:#667eea}.right-item h4{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.right-item p{font-size:.85rem;color:#666;margin:0;line-height:1.5}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.contact-item{background:rgba(0,0,0,.05);border-radius:1rem;padding:1.5rem;text-align:center}.contact-item h4{font-size:1rem;font-weight:600;color:#333;margin:0 0 .75rem}.contact-item p{font-size:.9rem;color:#666;margin:0;font-family:monospace}.cookies-table,.retention-table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:1rem;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.cookies-table th,.retention-table th{background:#667eea;color:#fff;font-weight:600;padding:1rem;text-align:left}.cookies-table td,.retention-table td{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1);background:#fff}.cookies-table tr:nth-child(2n) td,.retention-table tr:nth-child(2n) td{background:rgba(0,0,0,.02)}.cookies-table tr:hover td,.retention-table tr:hover td{background:rgba(102,126,234,.05)}.legal-link{color:#667eea;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .3s ease}.legal-link:hover{border-bottom-color:#667eea}.cookie-settings-link{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;font-weight:500}.cookie-settings-link:hover{color:#5a67d8}@media (max-width:768px){.legal-document{margin:0 1rem;padding:2rem 1.5rem;border-radius:1.5rem}.legal-document h1{font-size:2rem}.purpose-grid,.rights-grid{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.cookies-table,.retention-table{font-size:.85rem}.cookies-table td,.cookies-table th,.retention-table td,.retention-table th{padding:.75rem .5rem}}@media (max-width:480px){.legal-content{padding:1rem 0 2rem}.legal-document{padding:1.5rem 1rem}.legal-document h1{font-size:1.75rem}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.1rem}.cookies-table,.retention-table{font-size:.8rem;display:block;overflow-x:auto;white-space:nowrap}}.premium-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:2rem;padding:3rem;position:relative;overflow:hidden}.premium-upgrade:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.premium-header{text-align:center;margin-bottom:3rem;position:relative;z-index:2}.premium-header h2{font-size:2.5rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-header p{font-size:1.2rem;opacity:.9;margin:0;line-height:1.5}.premium-features{margin-bottom:3rem;position:relative;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.feature-item{display:flex;align-items:center;grid-gap:1rem;gap:1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.15);box-shadow:0 10px 20px rgba(0,0,0,.2)}.feature-icon{font-size:2rem;flex-shrink:0}.feature-content h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#fff}.feature-content p{font-size:.9rem;margin:0;opacity:.9;line-height:1.4}.premium-pricing{text-align:center;margin-bottom:3rem;position:relative;z-index:2}.pricing-toggle{display:flex;background:hsla(0,0%,100%,.1);border-radius:1rem;padding:.5rem;margin:0 auto 2rem;width:-moz-fit-content;width:fit-content;border:1px solid hsla(0,0%,100%,.2)}.toggle-button{background:transparent;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative;white-space:nowrap}.toggle-button.active{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-button:hover:not(.active){background:hsla(0,0%,100%,.1)}.savings-badge{position:absolute;top:-.5rem;right:-.5rem;background:#ff6b6b;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:1rem;animation:pulse 2s infinite}.pricing-display{margin:2rem 0}.price-amount{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1.2rem;opacity:.8;margin-top:.5rem}.price-note{font-size:.9rem;opacity:.7;margin-top:.5rem;font-style:italic}.premium-actions{text-align:center;position:relative;z-index:2}.upgrade-note{margin-top:1.5rem;opacity:.8}.upgrade-note p{font-size:.85rem;line-height:1.5;margin:0}.premium-modal-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:10000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.premium-modal{max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border-radius:2rem;animation:slideInScale .3s ease-out}@keyframes slideInScale{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.close-premium{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:3}.close-premium:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}@media (max-width:768px){.premium-upgrade{padding:2rem 1.5rem;border-radius:1.5rem}.premium-header h2{font-size:2rem}.premium-header p{font-size:1rem}.features-grid{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.feature-item{padding:1rem}.price-amount{font-size:2.5rem}.pricing-toggle{flex-direction:column;width:200px}.toggle-button{padding:.75rem 1rem}.premium-modal-overlay{padding:1rem}}@media (max-width:480px){.premium-upgrade{padding:1.5rem 1rem}.premium-header h2{font-size:1.75rem}.feature-item{flex-direction:column;text-align:center;grid-gap:.75rem;gap:.75rem}.feature-icon{font-size:1.5rem}.price-amount{font-size:2rem}.close-premium{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1rem}}: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.9729a5b8.chunk.css.map */