:root{--primary-color:#4A76C4;--primary-hover:#365C9E;--secondary-color:#F8F9FA;--bg-color:#FFFFFF;--surface-color:#F4F7FB;--text-main:#2D3748;--text-muted:#718096;--border-color:#E2E8F0;--success-color:#38A169;--error-color:#E53E3E;--font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-size-base:16px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--container-max-width:1200px;--header-height:80px;--transition-speed:0.3s}[data-theme=dark]{--bg-color:#1A202C;--surface-color:#2D3748;--text-main:#F7FAFC;--text-muted:#A0AEC0;--border-color:#4A5568;--secondary-color:#2D3748}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-speed)}a:hover{color:var(--primary-hover)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background-color var(--transition-speed),transform .1s;text-align:center}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);color:#fff;transform:translateY(-2px)}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;transition:background-color var(--transition-speed),border-color var(--transition-speed)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.25rem;color:var(--text-main)}.logo-container img{height:50px;width:auto}.logo-container span{color:var(--primary-color)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-menu li a{color:var(--text-main);font-weight:500}.nav-menu li a:hover{color:var(--primary-color)}.nav-menu li a.active{color:var(--primary-color)}.nav-menu li a.nav-cta{color:#fff!important}.nav-menu li a.nav-cta.active,.nav-menu li a.nav-cta:hover{color:#fff!important}.theme-toggle-btn{background:0 0;border:none;color:var(--text-main);font-size:1.25rem;cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{display:none;background:0 0;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm)}.site-footer{border-top:1px solid #2d3748;background-color:#1a202c;color:#a0aec0;padding:var(--spacing-xxl) 0 var(--spacing-md)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.footer-col h3{color:#fff;margin-bottom:var(--spacing-md);font-size:1.1rem}.footer-col a,.footer-col p{color:#a0aec0;display:block;margin-bottom:.5rem;text-decoration:none;font-size:.95rem}.footer-col a:hover{color:var(--primary-color)}.footer-socials{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);justify-content:center}.footer-socials a{font-size:1.25rem}.hide-on-mobile{display:block}.footer-bottom{text-align:center;border-top:1px solid #2d3748;padding-top:var(--spacing-lg);font-size:.85rem}@media (max-width:768px){.hide-on-mobile{display:none}.footer-grid{grid-template-columns:repeat(3,1fr);text-align:center;gap:var(--spacing-xl)}.footer-socials{justify-content:center}}@media (max-width:480px){.hide-on-mobile{display:none}.footer-grid{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.footer-socials{justify-content:center}}@media (max-width:992px){.mobile-menu-toggle{display:block}.nav-menu{position:fixed;top:var(--header-height);right:-100%;width:250px;height:calc(100vh - var(--header-height));background-color:var(--bg-color);flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);border-left:1px solid var(--border-color);transition:right var(--transition-speed) ease-in-out;box-shadow:-5px 0 15px rgba(0,0,0,.05)}.nav-menu.active{right:0}.nav-menu li{width:100%;margin-bottom:var(--spacing-md)}}