:root{--bg-primary:#070e1b;--bg-secondary:#0e1a30;--bg-card:#132442;--bg-card-hover:#172c50;--bg-input:#091222;--border-color:#1d365f;--border-gold:rgba(212,175,55,.35);--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#cbd5e1;--gold-primary:#d4af37;--gold-light:#f7e7a9;--gold-dark:#aa771c;--gold-gradient:linear-gradient(135deg,#f7e7a9,#d4af37 50%,#aa771c);--gold-glow:rgba(212,175,55,.25);--accent-green:#10b981;--accent-red:#ef4444;--zalo-blue:#0068ff;--font-heading:"Montserrat",sans-serif;--font-serif:"Playfair Display",serif;--font-body:"Inter",sans-serif;--shadow-sm:0 2px 8px rgba(0,0,0,.25);--shadow-md:0 8px 24px rgba(0,0,0,.35);--shadow-gold:0 10px 30px rgba(212,175,55,.2);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fcfcfd;--bg-input:#fff;--border-color:#e2e8f0;--border-gold:rgba(212,175,55,.5);--text-main:#0f172a;--text-muted:#64748b;--text-sub:#334155;--gold-gradient:linear-gradient(135deg,#c59b27,#d4af37 50%,#996c14);--gold-glow:rgba(212,175,55,.15);--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 8px 24px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none;transition:var(--transition)}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1240px;padding:0 20px;width:100%}.gold-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:700}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;justify-content:center;padding:11px 22px;transition:var(--transition);white-space:nowrap}.btn-gold{background:var(--gold-gradient);box-shadow:var(--shadow-gold);color:#0b1320!important}.btn-gold:hover{box-shadow:0 12px 35px #d4af3766;transform:translateY(-2px)}.btn-outline-gold{background:transparent;border:1px solid var(--gold-primary);color:var(--gold-primary)}.btn-outline-gold:hover{background:#d4af3726;border-color:var(--gold-light);color:var(--gold-light)}.btn-zalo{background-color:var(--zalo-blue)}.btn-call,.btn-zalo{color:#fff!important}.btn-call{background-color:var(--accent-green)}.btn-admin{background:#d4af3726;border:1px solid var(--border-gold);color:var(--gold-primary);font-size:.82rem;padding:8px 16px}.btn-admin:hover{background:var(--gold-gradient);color:#070e1b!important}.theme-toggle-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--gold-primary);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:var(--transition);width:40px}.theme-toggle-btn:hover{border-color:var(--gold-primary);transform:rotate(15deg) scale(1.08)}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070e1bf0;border-bottom:1px solid var(--border-gold);left:0;position:fixed;right:0;top:0;transition:var(--transition);z-index:1000}[data-theme=light] .site-header{background:#fffffff0;border-bottom:1px solid #e2e8f0}.header-container{align-items:center;display:flex;gap:16px;height:74px;justify-content:space-between;max-width:1380px}.brand-logo{cursor:pointer;gap:12px;white-space:nowrap}.brand-logo,.logo-img-wrapper{align-items:center;display:flex;flex-shrink:0}.logo-img-wrapper{background:#fff;border:1px solid rgba(212,175,55,.45);border-radius:8px;box-shadow:0 2px 8px #00000040;height:44px;justify-content:center;padding:4px 8px;transition:transform .2s ease,box-shadow .2s ease}.brand-logo:hover .logo-img-wrapper{box-shadow:0 4px 14px #d4af3759;transform:scale(1.04)}.header-brand-img{display:block;height:34px;max-width:110px;-o-object-fit:contain;object-fit:contain;width:auto}.logo-icon{background:var(--gold-gradient);border-radius:10px;color:#070e1b;flex-shrink:0;font-weight:800;height:42px;justify-content:center;width:42px}.logo-icon,.logo-words h1{align-items:center;display:flex;font-size:1.15rem}.logo-words h1{font-family:var(--font-heading);gap:5px;letter-spacing:.5px;margin:0;white-space:nowrap}.logo-words h1 .gold-text{display:inline-block}.logo-words span.gold-text{font-size:inherit;letter-spacing:normal;text-transform:uppercase}.main-nav{display:none;flex-shrink:1;gap:22px;list-style:none;margin:0;padding:0}@media (min-width:992px){.main-nav{align-items:center;display:flex}}.nav-link{color:var(--text-muted);display:inline-block;font-size:.88rem;font-weight:600;padding:6px 2px;white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--gold-primary)}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.master-hero{background:linear-gradient(180deg,#070e1b8c,#070e1bd1),url(../images/hero-vinhome-cangio.jpg) 50%/cover no-repeat;color:#fff;padding:160px 0 90px;position:relative;text-align:center}[data-theme=light] .master-hero{background:linear-gradient(180deg,#070e1b80,#070e1bc7),url(../images/hero-vinhome-cangio.jpg) 50%/cover no-repeat;color:#fff}.hero-main-title{font-family:var(--font-heading);font-size:2.4rem;margin-bottom:14px}@media (min-width:768px){.hero-main-title{font-size:3.2rem}}.hero-main-sub{color:#e2e8f0;font-size:1.08rem;margin:0 auto 35px;max-width:760px}.search-filter-box{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:10px;grid-template-columns:1fr;margin:0 auto;max-width:1220px;padding:16px 20px;width:100%}@media (min-width:640px) and (max-width:1023px){.search-filter-box{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.search-filter-box{align-items:center;grid-template-columns:1.8fr 1.05fr 1.05fr 1.05fr 1.05fr auto}}.filter-search-btn{align-items:center;border-radius:var(--radius-sm)!important;display:inline-flex;font-weight:700;gap:8px;height:100%;justify-content:center;min-height:45px;padding:0 24px;white-space:nowrap}.filter-input,.filter-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:inherit;font-size:.92rem;padding:12px 16px;transition:var(--transition);width:100%}.filter-input:focus,.filter-select:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow);outline:none}.section-header{margin-bottom:45px;text-align:center}.section-subtitle{color:var(--gold-primary);font-size:.85rem;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.section-title{color:var(--text-main);font-family:var(--font-heading);font-size:2.1rem;margin-bottom:12px}.section-desc{color:var(--text-muted);font-size:.95rem;margin:0 auto;max-width:680px}.properties-section{padding:75px 0}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:35px}.category-tab{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:500;padding:9px 20px;transition:var(--transition)}.category-tab.active,.category-tab:hover{background:var(--gold-gradient);border-color:transparent;color:#070e1b;font-weight:600}.properties-grid{display:grid;gap:28px;grid-template-columns:1fr}@media (min-width:650px){.properties-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.properties-grid{grid-template-columns:repeat(3,1fr)}}.prop-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.prop-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md);transform:translateY(-6px)}.prop-img-wrap{background:#091222;height:220px;overflow:hidden;position:relative;width:100%}.prop-img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.prop-card:hover .prop-img{transform:scale(1.08)}.prop-badge{background:var(--gold-gradient);border-radius:var(--radius-full);color:#070e1b;font-size:.72rem;left:12px;padding:4px 10px;text-transform:uppercase;top:12px}.prop-badge,.prop-price-tag{font-weight:700;position:absolute}.prop-price-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070e1bd9;border:1px solid var(--border-gold);border-radius:var(--radius-sm);bottom:12px;color:var(--gold-light);font-size:1.05rem;padding:5px 12px;right:12px}.prop-body{display:flex;flex-direction:column;flex-grow:1;padding:20px}.prop-location{align-items:center;color:var(--gold-primary);display:flex;font-size:.82rem;gap:6px;margin-bottom:6px}.prop-title{display:-webkit-box;font-size:1.05rem;-webkit-line-clamp:2;line-height:1.4;margin-bottom:12px;-webkit-box-orient:vertical;overflow:hidden}.prop-meta-grid{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;padding:10px 0}.prop-meta-item{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.76rem;gap:2px;text-align:center}.prop-meta-item strong{color:var(--text-main);font-size:.85rem}.prop-agent-tag{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:6px;margin-bottom:14px}.prop-actions{display:flex;gap:8px;margin-top:auto}.prop-actions .btn{flex:1;font-size:.82rem;padding:9px 8px}.team-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:80px 0}.team-grid{display:grid;gap:28px;grid-template-columns:1fr}@media (min-width:650px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.team-grid{grid-template-columns:repeat(3,1fr)}}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:26px 20px;position:relative;text-align:center;transition:var(--transition)}.team-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-gold);transform:translateY(-6px)}.team-tag{background:#d4af3726;border:1px solid var(--border-gold);border-radius:var(--radius-full);color:var(--gold-primary);font-size:.72rem;font-weight:700;left:14px;padding:3px 10px;position:absolute;top:14px}.team-avatar-box{background:var(--gold-gradient);border-radius:50%;box-shadow:var(--shadow-gold);height:120px;margin:8px auto 14px;padding:4px;width:120px}.team-avatar-box img{background:var(--bg-primary);border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-name{font-size:1.25rem;margin-bottom:3px}.team-role{color:var(--gold-primary);font-size:.82rem;font-weight:600;margin-bottom:12px}.team-specs{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;font-size:.78rem;justify-content:space-around;margin-bottom:16px;padding:10px 0}.team-specs span{color:var(--text-muted);display:block}.team-specs strong{color:var(--text-main);font-size:.95rem}.agent-hero-banner{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:40px;overflow:hidden;padding:35px;position:relative}.agent-hero-banner:before{background:var(--gold-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.agent-hero-grid{align-items:center;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){.agent-hero-grid{grid-template-columns:180px 1fr auto}}.agent-large-avatar{background:var(--gold-gradient);border-radius:50%;box-shadow:var(--shadow-gold);height:170px;margin:0 auto;padding:5px;width:170px}.agent-large-avatar img{background:var(--bg-primary);border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:720px;overflow-y:auto;position:relative;width:100%}.modal-dialog-large{max-width:950px}.modal-close-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;height:34px;position:absolute;right:16px;top:14px;width:34px;z-index:10}.admin-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:10px;overflow-x:auto;padding:10px 20px 0}.admin-tab-btn{background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 18px;transition:var(--transition)}.admin-tab-btn.active{border-bottom-color:var(--gold-primary);color:var(--gold-primary)}.admin-content-pane{padding:24px}.admin-table{border-collapse:collapse;font-size:.88rem;margin-top:15px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color);padding:10px 12px;text-align:left}.admin-table th{color:var(--gold-primary);font-size:.8rem;text-transform:uppercase}.floating-contact-bar{bottom:25px;display:flex;flex-direction:column;gap:12px;position:fixed;right:25px;z-index:999}.float-circle-btn{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.3rem;height:52px;justify-content:center;transition:var(--transition);width:52px}.float-circle-btn.call{animation:pulse-green 2s infinite;background:var(--accent-green)}.float-circle-btn.zalo{background:var(--zalo-blue)}@keyframes pulse-green{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}.site-footer{background:#040810;border-top:1px solid var(--border-color);color:#94a3b8;padding:60px 0 25px}[data-theme=light] .site-footer{background:#f1f5f9;color:#64748b}@media (max-width:768px){.header-container{height:64px;padding:0 12px}.brand-logo{gap:8px}.logo-icon{font-size:1rem;height:36px;width:36px}.logo-words h1{font-size:.95rem}.header-admin-text{display:none}.btn-admin{padding:8px 12px}.header-hotline-btn{display:none}.floating-contact-bar{bottom:20px;gap:10px;right:18px}.float-circle-btn{font-size:1.2rem;height:48px;width:48px}}