:root{--grey-100:#f0f1f1;--grey-200:#c9cacc;--grey-300:#a2a3a8;--grey-400:#7c7d84;--grey-500:#595a60;--grey-600:#38393d;--primary-base:#2a52be;--primary-100:#eef0fd;--secondary-base:#00b4d8;--secondary-400:#008ca8;--accent-red:#ff383c;--gradient:linear-gradient(90deg, #2a52be 0%, #00b4d8 100%)}*{scrollbar-width:thin;scrollbar-color:var(--primary-base) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary-base), var(--secondary-base));border-radius:999px;transition:box-shadow .3s;box-shadow:0 0 8px #2a52be4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #1a3a8a, var(--secondary-400));box-shadow:0 0 14px #2a52be80}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--secondary-base), var(--accent-red));box-shadow:0 0 20px #ff383c66}::-webkit-scrollbar-corner{background:0 0}.home-navbar{-webkit-backdrop-filter:blur(16px);z-index:999;will-change:transform;background:#fffc;border-bottom:1px solid #2a52be0f;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a,0 4px 16px #2a52be0f}.home-navbar.scrolled{background:#fffffff2;box-shadow:0 1px 3px #0000000f,0 4px 20px #2a52be1a}.navbar-logo-wrapper{align-items:center;gap:10px;transition:transform .2s;display:flex}.navbar-logo-wrapper:hover{transform:scale(1.03)}.navbar-nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--grey-500);text-transform:uppercase;cursor:pointer;border-bottom:2px solid #0000;padding-bottom:4px;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:25px;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;position:relative}.nav-link:hover{color:var(--primary-base);transform:translateY(-1px)}.nav-link-active{color:var(--primary-base);border-bottom-color:var(--primary-base);font-weight:700}.nav-link-active:after{content:"";background:var(--primary-base);border-radius:1px;width:60%;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.navbar-right{align-items:center;gap:32px;display:flex}.online-indicator{align-items:center;gap:6px;display:flex}.online-indicator svg circle:first-of-type{animation:2s ease-in-out infinite onlinePulse}@keyframes onlinePulse{0%,to{opacity:.2;r:4}50%{opacity:.6;r:7}}.online-label{color:var(--grey-600);font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:13px;font-weight:500}.navbar-auth-buttons{align-items:center;gap:16px;display:flex}.btn-register{color:var(--grey-600);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:flex}.btn-login{background:var(--gradient);color:var(--primary-100);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:flex}.home-footer{background:var(--gradient);flex-direction:column;gap:0;padding:40px 24px 0;display:flex}.footer-main{align-items:flex-start;gap:32px;padding-bottom:32px;display:flex}.footer-brand{flex-direction:column;flex:1;gap:16px;display:flex}.footer-brand-header{align-items:center;gap:12px;display:flex}.footer-tagline{color:var(--grey-100);font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:17px;font-weight:600;line-height:26px}.footer-contact-list{flex-direction:column;gap:8px;display:flex}.footer-contact-item{align-items:flex-start;gap:8px;display:flex}.footer-contact-icon{flex-shrink:0;width:24px;height:24px}.footer-contact-text{color:#fff;flex:1;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:13px;font-weight:500;line-height:26px}.footer-contact-text-multiline{line-height:21px}.footer-menu{flex-direction:column;gap:32px;display:flex}.footer-menu-section{flex-direction:column;gap:16px;display:flex}.footer-menu-title{color:var(--primary-100);min-width:200px;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:18px;font-weight:600}.footer-menu-links{flex-direction:column;gap:8px;display:flex}.footer-menu-link{color:#fff;cursor:pointer;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:15px;font-weight:500;text-decoration:none}.footer-map{object-fit:cover;border-radius:8px;flex-shrink:0;align-self:stretch;width:320px}.footer-bottom{border-top:1px solid var(--primary-100);align-items:center;padding:16px 0;display:flex}.footer-copyright{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:18px;font-weight:600;line-height:26px}@media (width<=768px){.home-navbar{-webkit-backdrop-filter:none;will-change:transform;background:#fffffff5;gap:8px;padding:10px 16px;transition:none}.navbar-logo-wrapper{flex-shrink:0}.navbar-logo-wrapper svg{width:36px;height:36px}.navbar-logo-wrapper:hover{transform:none}.navbar-nav-links{gap:16px}.nav-link{font-size:14px}.nav-link:hover{transform:none}.navbar-right{flex-shrink:0;gap:12px}.hero-section{height:auto}.hero-image{height:300px}.hero-bottom{background:#fff;padding:16px;position:static}.search-bar{border-radius:12px;flex-direction:column}.search-select{width:100%}.main-content{flex-direction:column;padding:0 16px 32px}.projects-grid{grid-template-columns:1fr}.hot-projects-sidebar{width:100%}.news-grid{grid-template-columns:1fr}.footer-main{flex-direction:column}.footer-map{width:100%}.pagination-wrapper{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=480px){.navbar-auth-buttons{gap:8px}.btn-register,.btn-login{padding:8px 12px;font-size:13px}}