@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');.material-icons-round{font-family:'Material Icons Round';font-weight:normal;font-style:normal;font-size:var(--icon-lg);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.icon-xs{font-size:var(--icon-sm) !important}.icon-sm{font-size:var(--icon-md) !important}.icon-md{font-size:var(--icon-lg) !important}.icon-lg{font-size:var(--icon-xl) !important}.icon-xl{font-size:var(--icon-2xl) !important}.icon-color-primary{color:var(--icon-primary) !important}.icon-color-secondary{color:var(--icon-secondary) !important}.icon-color-tertiary{color:var(--icon-tertiary) !important}.icon-color-success{color:var(--icon-success) !important}.icon-color-warning{color:var(--icon-warning) !important}.icon-color-danger{color:var(--icon-danger) !important}.icon-color-info{color:var(--icon-info) !important}.icon-color-white{color:var(--text-inverse) !important}.wordpress-icon{width:var(--icon-md);height:var(--icon-md);display:inline-block;vertical-align:middle;margin-left:var(--spacing-sm);background-image:url('assets/icons/wordpress.svg');background-size:contain;background-repeat:no-repeat;background-position:center;-webkit-mask-image:url('assets/icons/wordpress.svg');mask-image:url('assets/icons/wordpress.svg');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--text-primary);line-height:var(--line-height-relaxed);background-color:var(--bg-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}h1{font-size:var(--h1-size);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tighter);color:var(--text-primary)}h2{font-size:var(--h2-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}h3{font-size:var(--h3-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--text-primary)}h4{font-size:var(--h4-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--text-primary)}h5{font-size:var(--h5-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary)}h6{font-size:var(--h6-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-secondary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.navbar{position:relative;background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:var(--z-navbar);height:80px;max-height:80px;transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.navbar.sticky{position:fixed;top:0;left:0;right:0;backdrop-filter:blur(var(--blur-lg))}.admin-bar .navbar.sticky{top:32px}@media screen and (max-width:782px){.admin-bar .navbar.sticky{top:46px}}body.has-sticky-nav{padding-top:var(--nav-height)}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:100%}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary)}.nav-logo{width:40px;height:40px}.nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-toggle{display:none;background:0;border:0;cursor:pointer;padding:var(--spacing-sm);color:var(--text-primary)}.nav-toggle .material-icons-round{font-size:28px}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:0;border:0;cursor:pointer;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-family:var(--font-primary);font-size:inherit;padding:0;transition:color var(--transition-base)}.nav-dropdown-toggle:hover{color:var(--color-primary)}.nav-dropdown-toggle .material-icons-round{font-size:18px;transition:transform var(--transition-base)}.nav-dropdown:hover .nav-dropdown-toggle .material-icons-round{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:0 10px 30px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all .2s ease;margin-top:var(--spacing-sm);z-index:1001}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;white-space:nowrap}.nav-dropdown-item:hover{background:var(--bg-secondary);color:var(--color-primary)}.nav-dropdown-item .material-icons-round{font-size:20px;color:var(--text-tertiary);transition:color var(--transition-base)}.nav-dropdown-item:hover .material-icons-round{color:var(--color-primary)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-primary);z-index:var(--z-mobile-menu);display:flex;flex-direction:column;transition:right var(--transition-slow);overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.mobile-menu-logo{width:40px;height:40px}.mobile-menu-close{background:0;border:0;cursor:pointer;padding:var(--spacing-sm);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.mobile-menu-close:hover{background:var(--bg-secondary);border-radius:var(--radius-md)}.mobile-menu-close .material-icons-round{font-size:28px}.mobile-menu-nav{flex:1;padding:0;display:flex;flex-direction:column}.mobile-menu-link{padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--border-color);transition:all var(--transition-base)}.mobile-menu-link:hover{background:var(--bg-secondary);color:var(--color-primary);padding-left:calc(var(--spacing-xl) + var(--spacing-sm))}.mobile-menu-dropdown{border-bottom:1px solid var(--border-color)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-family:var(--font-primary);background:0;border:0;cursor:pointer;transition:all var(--transition-base);text-align:left}.mobile-menu-toggle:hover{background:var(--bg-secondary);color:var(--color-primary)}.mobile-menu-toggle .material-icons-round{font-size:20px;transition:transform var(--transition-base)}.mobile-menu-dropdown.is-open .mobile-menu-toggle .material-icons-round{transform:rotate(180deg)}.mobile-menu-submenu{display:none;flex-direction:column;background:var(--bg-secondary)}.mobile-menu-dropdown.is-open .mobile-menu-submenu{display:flex}.mobile-menu-submenu>.mobile-menu-link:first-child{border-top:1px solid var(--border-color)}.mobile-menu-label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--border-color)}.mobile-menu-link-indent{padding-left:calc(var(--spacing-xl) + var(--spacing-lg));display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-menu-link-indent .material-icons-round{font-size:20px;color:var(--text-tertiary)}.mobile-menu-link-indent:hover .material-icons-round{color:var(--color-primary)}.mobile-menu-link-enhanced{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.mobile-menu-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:background-color var(--transition-base)}.mobile-menu-svg{width:20px;height:20px;object-fit:contain}.mobile-menu-link-enhanced:hover .mobile-menu-icon{background:var(--color-soft-primary)}.mobile-menu-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mobile-menu-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-snug)}.mobile-menu-link-enhanced:hover .mobile-menu-title{color:var(--color-primary)}.mobile-menu-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-tertiary);line-height:var(--line-height-normal)}.mobile-menu-cta{padding:var(--spacing-xl);background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);border-radius:var(--btn-radius);border:0;cursor:pointer;transition:all var(--transition-base);text-decoration:none;gap:var(--btn-gap);font-family:var(--font-primary);line-height:var(--line-height-none)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border:2px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:var(--transform-lift-sm);box-shadow:var(--shadow-primary)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--gray-600)}.btn-outline:hover{border-color:var(--border-color-hover);background:var(--bg-secondary)}.btn-white{background:var(--text-inverse);color:var(--color-primary);border:2px solid var(--text-inverse)}.btn-white:hover{background:var(--gray-50);border-color:var(--gray-50);transform:var(--transform-lift-sm);box-shadow:0 4px 12px var(--overlay-black-20)}.btn-outline-white{background:transparent;border:2px solid var(--overlay-white-30);color:var(--text-inverse)}.btn-outline-white:hover{background:var(--overlay-white-10);border-color:var(--overlay-white-50)}.btn-large{padding:var(--btn-lg-padding-y) var(--btn-lg-padding-x);font-size:var(--btn-lg-font-size)}.btn-block{width:100%;justify-content:center}.nav-btn{min-width:120px}.badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);text-transform:uppercase;letter-spacing:var(--badge-letter-spacing);line-height:var(--line-height-none);white-space:nowrap}.badge .material-icons-round{font-size:var(--icon-xs);line-height:1;flex-shrink:0;order:-1}.badge-xs{padding:2px var(--spacing-sm);font-size:10px;gap:var(--spacing-xs)}.badge-xs .material-icons-round{font-size:var(--icon-2xs) !important;width:var(--icon-2xs);height:var(--icon-2xs)}.badge-sm{padding:var(--spacing-xs) 10px;font-size:var(--badge-font-size);gap:6px}.badge-sm .material-icons-round{font-size:var(--icon-xs) !important;width:var(--icon-xs);height:var(--icon-xs)}.badge-md{padding:6px 14px;font-size:var(--font-size-xs);gap:var(--spacing-sm)}.badge-md .material-icons-round{font-size:var(--icon-sm) !important;width:var(--icon-sm);height:var(--icon-sm)}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:13px;gap:var(--spacing-sm)}.badge-lg .material-icons-round{font-size:18px !important;width:18px;height:18px}.badge-primary{background:var(--color-primary);color:var(--text-inverse)}.badge-secondary{background:var(--gray-200);color:var(--gray-700)}.badge-success{background:var(--color-success);color:var(--text-inverse)}.badge-warning{background:var(--color-warning);color:var(--text-inverse)}.badge-danger{background:var(--color-danger);color:var(--text-inverse)}.badge-info{background:var(--color-info);color:var(--text-inverse)}.badge-light{background:var(--gray-100);color:var(--gray-700)}.badge-dark{background:var(--gray-700);color:var(--text-inverse)}.badge-outline-primary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.badge-outline-secondary{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}.badge-outline-success{background:transparent;color:var(--color-success);border:1px solid var(--color-success)}.badge-outline-warning{background:transparent;color:var(--color-warning);border:1px solid var(--color-warning)}.badge-outline-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.badge-outline-info{background:transparent;color:var(--color-info);border:1px solid var(--color-info)}.badge-soft-primary{background:var(--color-soft-primary);color:var(--color-primary)}.badge-soft-success{background:var(--color-soft-success);color:var(--color-success)}.badge-soft-warning{background:var(--color-soft-warning);color:var(--color-warning)}.badge-soft-danger{background:var(--color-soft-danger);color:var(--color-danger)}.badge-soft-info{background:var(--color-soft-info);color:var(--color-info)}.card{background:var(--bg-primary);border-radius:var(--card-radius);padding:var(--card-padding-sm);border:2px solid var(--border-color);transition:all var(--transition-slow);box-shadow:var(--card-shadow)}.card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-shadow-hover);border-color:var(--color-primary)}.card-glass{background:var(--glass-bg);border-radius:var(--card-radius);border:0;transition:all var(--transition-slow)}.card-glass:hover{background:var(--glass-bg-hover)}.section-header{text-align:center;margin-bottom:var(--section-header-margin)}.section-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--gray-200);color:var(--gray-600);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--badge-radius);font-size:var(--font-size-xs);font-weight:var(--badge-font-weight);text-transform:uppercase;letter-spacing:var(--badge-letter-spacing);margin-bottom:var(--spacing-md);line-height:var(--line-height-none)}.section-badge .material-icons-round{color:var(--gray-600);font-size:var(--icon-sm) !important;width:var(--icon-sm);height:var(--icon-sm);line-height:1;flex-shrink:0;order:-1}.section-title{font-size:var(--section-title-size);font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tighter);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:var(--section-subtitle-size);color:var(--text-tertiary);max-width:600px;margin:0 auto}.footer{background:var(--footer-bg);color:var(--text-inverse);padding:var(--section-padding-y) 0 var(--spacing-xl);border-top:0}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-brand{display:flex;gap:var(--spacing-md)}.footer-logo{width:var(--icon-2xl);height:var(--icon-2xl);flex-shrink:0}.footer-brand h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--footer-heading);line-height:var(--line-height-snug)}.footer-brand p{color:var(--footer-link);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.footer-column h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--spacing-md);color:var(--footer-heading)}.footer-column a{display:block;color:var(--footer-text);text-decoration:none;margin-bottom:var(--spacing-sm);transition:all var(--transition-base);font-size:15px}.footer-column a:hover{color:var(--footer-heading);transform:translateX(var(--spacing-xs))}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid var(--footer-border)}.footer-bottom p{color:var(--footer-link);font-size:var(--font-size-sm)}.footer-social{display:flex;align-items:center;gap:var(--spacing-md)}.footer-social .social-link{color:var(--footer-text);text-decoration:none;transition:all var(--transition-slow);display:flex;align-items:center;justify-content:center}.footer-social .social-link svg{transition:all var(--transition-slow)}.footer-social .social-link:hover{color:var(--footer-heading);transform:var(--transform-lift-sm)}.footer-social .social-link:hover svg{transform:var(--transform-scale-md)}.footer-divider{color:var(--overlay-white-30);font-size:var(--font-size-sm)}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-lightbox);display:none;align-items:center;justify-content:center;padding:var(--spacing-lg)}.lightbox.active{display:flex}.lightbox-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-black-60);backdrop-filter:blur(var(--blur-sm))}.lightbox-content{position:relative;background:var(--bg-primary);border-radius:var(--lightbox-radius);max-width:var(--lightbox-max-width);width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--lightbox-shadow);animation:lightboxFadeIn var(--transition-slow)}@keyframes lightboxFadeIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.lightbox-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.lightbox-close{background:0;border:0;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.lightbox-body{padding:var(--spacing-xl)}.logout-lightbox-content{max-width:480px}.logout-confirmation-content{text-align:center;padding-bottom:var(--spacing-xl)}.logout-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-xl);background:rgba(239,68,68,0.1);border-radius:50%}.logout-icon .material-icons-round{font-size:40px;color:var(--color-danger)}.logout-message{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.logout-submessage{font-size:14px;color:var(--text-tertiary);margin-bottom:0}.logout-actions{display:flex;gap:var(--spacing-md);justify-content:center;padding:0 var(--spacing-xl) var(--spacing-xl)}.logout-actions .btn{flex:1;max-width:150px}[data-theme="dark"] .logout-icon{background:rgba(239,68,68,0.15)}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--color-primary);color:white;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(30,41,59,0.3);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:1000}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top.visible:hover{background:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 6px 16px rgba(30,41,59,0.4)}.scroll-to-top .material-icons-round{font-size:24px}@media(max-width:768px){.nav-menu{display:none}.nav-toggle{display:flex;align-items:center;justify-content:center}.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-links{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media(max-width:480px){.lightbox-content{max-width:100%;margin:var(--spacing-md);max-height:calc(100vh - var(--spacing-xl))}.logout-actions{flex-direction:column}.logout-actions .btn{max-width:none}}