.site-logo{opacity:0;transition:opacity .6s ease-out}.site-logo.loaded{opacity:1}:root{--bg: #f8fafc;--white: #ffffff;--text: #1e293b;--text-light: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--card-shadow: 0 1px 3px rgba(0,0,0,.06);--card-shadow-hover: 0 10px 25px rgba(0,0,0,.1);--section-bg-dark: #1e293b;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: .3s ease;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--page-padding: 32px;--section-margin: 32px;--card-padding: 20px;--element-gap: 16px;--public-navbar-height: 72px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body-font);background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.navbar{position:fixed;top:var(--navbar-top, 0);left:0;right:0;width:100%;z-index:var(--z-navbar, 9998);border-bottom:1px solid var(--border);transition:top .4s ease,margin-top .4s ease,background-color .3s ease,box-shadow .3s ease}.navbar.navbar-static{position:relative!important;top:auto!important}.navbar.shadow-sm{box-shadow:0 2px 8px #0000000d;border-bottom:none}.navbar.shadow-md{box-shadow:0 4px 12px #0000001a;border-bottom:none}.navbar.shadow-lg{box-shadow:0 6px 20px #00000026;border-bottom:none}.navbar-container{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:var(--primary)}.navbar-logo i{font-size:28px}.navbar-menu{display:flex;gap:32px}.nav-link{position:relative;display:inline-flex;align-items:center}.nav-link>a{color:var(--header-text-color, var(--text));font-weight:500;transition:var(--transition);padding:6px 0;position:relative}.nav-link>a:hover{color:var(--header-hover-color, var(--primary))!important}.navbar.header-menu-hover-underline .nav-link>a{position:relative}.navbar.header-menu-hover-underline .nav-link>a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--header-hover-color, var(--primary));transform:scaleX(0);transition:transform var(--transition)}.navbar.header-menu-hover-underline .nav-link>a:hover:after{transform:scaleX(1)}.navbar.header-menu-hover-background .nav-link>a:hover{background-color:#0000000d;border-radius:var(--radius-sm);padding:6px 12px;color:var(--header-hover-color, var(--primary))!important}.navbar.header-menu-hover-scale .nav-link>a{transition:all var(--transition)}.navbar.header-menu-hover-scale .nav-link>a:hover{transform:scale(1.05);color:var(--header-hover-color, var(--primary))!important}.nav-link-active[data-active-style=underline]>a{position:relative}.nav-link-active[data-active-style=underline]>a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--menu-active-color, var(--primary))}.nav-link-active[data-active-style=background]>a{background-color:var(--menu-active-color, var(--primary))!important;padding:6px 12px;border-radius:var(--radius-sm);color:#fff!important}.nav-link-active[data-active-style=dot]>a{position:relative}.nav-link-active[data-active-style=dot]>a:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--menu-active-color, var(--primary))}.nav-link-active[data-active-style=bold]>a{font-weight:700}.navbar-auth{display:flex;gap:12px}.navbar-toggle{display:none;background:none;border:none;font-size:24px;color:var(--text);cursor:pointer}.navbar-mobile{display:none;background:#fff;border-top:1px solid var(--border);padding:20px}.navbar-mobile.show{display:block}.mobile-link{display:block;padding:12px 0;color:var(--header-text-color, var(--text));font-weight:500;border-bottom:1px solid var(--border);transition:var(--transition)}.mobile-link:hover{color:var(--header-hover-color, var(--primary))}.mobile-link-active{color:var(--menu-active-color, var(--primary));font-weight:600}.mobile-auth{display:flex;flex-direction:column;gap:12px;margin-top:20px}.btn{padding:10px 20px;border-radius:8px;font-weight:600;transition:var(--transition);cursor:pointer;border:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #016db74d}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.footer{background:#1e293b;color:#fff;padding:60px 24px 24px;margin-top:80px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-logo{font-size:24px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}.footer-description{color:#94a3b8;line-height:1.8}.footer-title{font-size:16px;font-weight:700;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#94a3b8;transition:var(--transition)}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:24px;border-top:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.footer-social{display:flex;gap:16px}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#334155;border-radius:50%;transition:var(--transition)}.footer-social a:hover{background:var(--primary);transform:translateY(-2px)}@media (max-width: 768px){.navbar-menu,.navbar-auth{display:none}.navbar-toggle{display:block}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}