: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%)}.home-navbar{border-bottom:1px solid var(--grey-100);-webkit-backdrop-filter:blur(6.55px);backdrop-filter:blur(6.55px);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2a52be33}.navbar-logo-wrapper{align-items:center;gap:10px;display:flex}.navbar-nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--grey-400);text-transform:uppercase;cursor:pointer;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:17px;font-weight:500;line-height:25px;text-decoration:none}.nav-link-active{color:var(--primary-base);font-weight:700}.navbar-right{align-items:center;gap:32px;display:flex}.online-indicator{align-items:center;gap:4px;display:flex}.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{flex-wrap:wrap;gap:12px;padding:12px 16px}.navbar-nav-links{gap:16px}.nav-link{font-size:14px}.navbar-right{gap:16px}.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}}