:root{--navy:#062641;--navy2:#0a3558;--gold:#d9aa4a;--gold2:#f2d084;--ink:#162333;--muted:#667487;--line:#e3e8ee;--soft:#f7f9fb;--green:#16a05a;--blue:#0d78e8;--white:#fff;--shadow:0 16px 44px rgba(6,38,65,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:60;background:rgba(5,31,53,.98);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.topbar{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;min-width:285px}.brandLogo{width:48px;height:52px;object-fit:contain;border-radius:4px}.brandText{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:700;letter-spacing:.035em;color:#f1c76b;line-height:1.05}.brandText small{display:block;margin-top:5px;font-family:"Segoe UI",Arial,sans-serif;font-size:8.5px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f5ddb0}.nav{display:flex;gap:27px;margin-left:auto;font-size:14px;font-weight:700}.nav a{padding:28px 0 23px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--gold2);border-color:var(--gold)}.hotline{border:1px solid var(--gold);border-radius:999px;padding:10px 15px;color:#f5cd78;font-weight:800;white-space:nowrap}.menuBtn{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}
.hero{background:linear-gradient(110deg,#061f35 0%,#082d4b 48%,#061f35 100%);color:#fff;overflow:hidden}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;min-height:630px;padding:64px 0}.eyebrow,.sectionKicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#bd8925;font-weight:900}.hero .eyebrow{color:var(--gold2)}.hero h1,.pageHero h1,.projectHero h1,.sectionHead h2,.detailAside h1{font-family:Georgia,"Times New Roman",serif}.hero h1{font-size:clamp(46px,5.6vw,74px);line-height:1.03;margin:12px 0 16px;font-weight:500}.hero h1 em{color:var(--gold2);font-weight:400}.hero p{font-size:17px;line-height:1.72;color:#e8eef4;max-width:620px}.heroActions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.heroBrandPanel{position:relative}.heroBrandPanel img{width:100%;border-radius:22px;box-shadow:0 26px 70px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.08)}.heroBrandCaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(5,31,53,.8);backdrop-filter:blur(8px);padding:12px 15px;border-radius:12px;color:#f4d58f;font-size:13px;text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer;font-size:14px}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b2b3a}.btn.navy{background:var(--navy);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.light{background:#fff;border-color:var(--line);color:var(--navy)}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trustGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:23px 0}.trustItem{display:flex;gap:12px;align-items:center}.icon{width:44px;height:44px;border:1px solid #dce4ec;border-radius:13px;display:grid;place-items:center;color:var(--navy);font-size:20px;background:#fbfcfe}.trustItem b{display:block;font-size:14px}.trustItem span{font-size:12px;color:var(--muted)}
section{padding:66px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.sectionHead h2{font-size:38px;margin:5px 0 0;color:var(--navy);font-weight:500}.sectionHead p{color:var(--muted);margin:7px 0 0;line-height:1.6}.projectGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card,.listing{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.projectImage{width:100%;height:300px;object-fit:cover}.cardBody,.listingBody{padding:20px}.card h3,.listing h3{margin:0 0 8px;color:var(--navy)}.meta,.chips{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}.chip{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fbfcfe}.price{font-size:23px;font-weight:900;color:#a96f0b;margin:13px 0}.listingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.listingMedia{position:relative;aspect-ratio:4/3;background:#eaf0f5;overflow:hidden}.listingMedia img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.listing:hover .listingMedia img{transform:scale(1.025)}.status{position:absolute;top:12px;left:12px;background:#12a85b;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.videoBadge,.photoBadge{position:absolute;right:12px;bottom:12px;background:rgba(4,30,53,.9);color:#fff;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.listingTitle{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.listingTitle strong{color:var(--navy);font-size:19px}.listingActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.placeholderMedia:after{content:"Chưa có ảnh thực tế";position:absolute;inset:auto 12px 12px 12px;background:rgba(5,31,53,.82);color:#fff;border-radius:9px;padding:8px 10px;text-align:center;font-size:12px;font-weight:800}
.community{background:linear-gradient(135deg,#edf6ff,#fff7e6)}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.featureBox{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.featureBox h3{font-size:24px;margin:0 0 8px;color:var(--navy)}.featureBox p{color:var(--muted);line-height:1.65}.why{background:#f7f9fc}.whyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.whyItem{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.whyItem b{display:block;margin:11px 0 4px;color:var(--navy)}.whyItem p{font-size:13px;color:var(--muted);line-height:1.55}
.footer{background:#05233d;color:#d7e2ec;padding:46px 0 92px}.footerGrid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:36px}.footer h4{margin:0 0 12px;color:#f2c96d}.footer p,.footer a{font-size:14px;color:#c9d6e1;line-height:1.75}.legalLinks{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:20px;font-size:12px}.bottomBar{display:none}
.pageHero{background:linear-gradient(135deg,#eef4fa,#fff8e7);padding:62px 0}.pageHero h1{font-size:48px;color:var(--navy);margin:6px 0;font-weight:500}.projectHero{min-height:470px;display:flex;align-items:end;color:#fff;padding:60px 0;background:linear-gradient(90deg,rgba(4,27,48,.9),rgba(4,27,48,.25)),url('../images/at/at-banner.png') center/cover no-repeat}.projectHero h1{font-size:58px;margin:8px 0;font-weight:500}.stats{display:flex;gap:10px;flex-wrap:wrap}.stat{padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08)}
.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px}.gallery img{height:220px;width:100%;object-fit:cover;border-radius:14px}.gallery img:first-child{height:450px;grid-row:span 2}.detailGrid{display:grid;grid-template-columns:1.5fr .72fr;gap:28px}.detailMain,.detailAside{min-width:0}.detailHero{border-radius:18px;overflow:hidden;background:#050505}.detailHero img,.detailHero video{width:100%;max-height:620px;object-fit:contain;margin:auto}.thumbRow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.thumbRow img{height:110px;width:100%;object-fit:cover;border-radius:10px}.detailAside{position:sticky;top:95px;height:max-content;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.detailAside h1{color:var(--navy);margin:0 0 8px;font-weight:500}.factGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.fact{padding:12px;border-radius:12px;background:#f7f9fc}.fact small{display:block;color:var(--muted);font-size:11px}.fact b{display:block;color:var(--navy);margin-top:3px}.contactStack{display:grid;gap:8px}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;padding:14px 15px;border:1px solid #cfd9e4;border-radius:10px}.form textarea{min-height:105px}.consent{display:flex;gap:9px;font-size:12px;color:#566474;line-height:1.45}.consent input{width:auto;margin-top:3px}.aboutGrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:36px;align-items:start}.profile{width:100%;border-radius:20px;box-shadow:var(--shadow);object-fit:contain;background:#f7f7f7}.note{color:var(--muted);font-size:13px;line-height:1.55}
.adminWrap{max-width:1000px;margin:40px auto;padding:0 16px}.adminPanel{border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px}.adminTable{width:100%;border-collapse:collapse}.adminTable td,.adminTable th{padding:10px;border-bottom:1px solid var(--line);text-align:left}.adminTable input,.adminTable select{padding:8px;width:100%;border:1px solid #ccd8e2;border-radius:8px}
@media(max-width:900px){.wrap{width:min(100% - 24px,760px)}.topbar{height:66px}.brand{min-width:0}.brandLogo{width:40px;height:44px}.brandText{font-size:16px}.brandText small{font-size:7px}.nav,.hotline{display:none}.menuBtn{display:block}.nav.mobileOpen{display:grid;position:absolute;top:66px;left:0;right:0;padding:12px 22px;background:#05233d;z-index:80}.nav.mobileOpen a{padding:12px 0}.heroGrid{grid-template-columns:1fr;min-height:auto;padding:48px 0 58px;gap:28px}.hero h1{font-size:46px}.heroBrandPanel{max-width:560px}.trustGrid{grid-template-columns:repeat(2,1fr)}section{padding:48px 0}.sectionHead h2{font-size:31px}.projectGrid,.split,.aboutGrid,.detailGrid{grid-template-columns:1fr}.projectImage{height:230px}.listingGrid{grid-template-columns:repeat(2,1fr)}.whyGrid{grid-template-columns:repeat(2,1fr)}.footerGrid{grid-template-columns:1fr}.projectHero{min-height:390px}.projectHero h1{font-size:42px}.gallery{grid-template-columns:1fr 1fr}.gallery img,.gallery img:first-child{height:190px;grid-row:auto}.gallery img:first-child{grid-column:1/-1;height:260px}.detailAside{position:static}.bottomBar{position:fixed;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;left:0;right:0;bottom:0;padding:7px;background:#fff;border-top:1px solid var(--line);z-index:90}.bottomBar a{text-align:center;padding:11px 4px;border-radius:9px;background:#f3f6f9;color:var(--navy);font-size:12px;font-weight:800}.bottomBar a:first-child{background:var(--green);color:#fff}.footer{padding-bottom:110px}}
@media(max-width:600px){.brandText{font-size:14px}.brandText small{display:none}.hero h1{font-size:40px}.hero p{font-size:15px}.heroBrandCaption{font-size:11px}.trustGrid,.listingGrid,.whyGrid{grid-template-columns:1fr}.sectionHead{align-items:flex-start;flex-direction:column}.listingActions{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:first-child{height:230px;grid-column:auto}.thumbRow{grid-template-columns:repeat(3,1fr)}.thumbRow img{height:86px}.factGrid{grid-template-columns:1fr 1fr}}

/* v7 brand/privacy/banner corrections */
.brand{gap:0}.brandLogoWide{width:235px;height:58px;object-fit:contain;display:block;background:#fff;border-radius:8px}.brandLogoFooter{width:220px;max-height:180px;object-fit:contain;border-radius:12px;display:block}.hero{background:linear-gradient(90deg,rgba(4,27,48,.94) 0%,rgba(4,27,48,.78) 47%,rgba(4,27,48,.35) 100%),url(../images/at/at-banner.png) center/cover no-repeat}.heroBrandPanel img{border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 65px rgba(0,0,0,.34)}.heroBrandCaption{background:rgba(4,27,48,.88)}
@media(max-width:900px){.brandLogoWide{width:190px;height:50px}.hero{background-position:58% center}}
@media(max-width:600px){.brandLogoWide{width:165px;height:45px}.heroBrandPanel{display:none}.hero{background-position:55% center}.heroGrid{min-height:520px;align-content:end}.hero h1{text-shadow:0 2px 16px rgba(0,0,0,.28)}}

/* Brand option 2 approved */
.brand{gap:10px;min-width:275px}.brandLogo{width:48px;height:48px;object-fit:cover;border-radius:9px;background:#071827}.brandText{font-family:Arial,"Segoe UI",sans-serif;font-size:18px;font-weight:700;letter-spacing:.06em;color:#f2cf7b;white-space:nowrap}.brandText small{font-family:Arial,"Segoe UI",sans-serif;font-size:8px;letter-spacing:.09em;color:#f6dfaa}.brandLogoWide,.brandLogoFooter{display:none!important}
@media(max-width:900px){.brand{min-width:0}.brandLogo{width:42px;height:42px}.brandText{font-size:15px}.brandText small{font-size:6.8px}}
@media(max-width:600px){.brandLogo{width:40px;height:40px}.brandText{font-size:14px}.brandText small{display:block;font-size:6.2px;letter-spacing:.05em}}


/* v10 interaction, footer contact and introduction */
.footerGridV10{grid-template-columns:1.05fr .48fr 1.35fr;align-items:start}.footerContactButtons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.footerContactBtn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 15px;border-radius:10px;font-size:13px!important;font-weight:800!important;color:#fff!important}.footerContactBtn.call{background:#15a45b}.footerContactBtn.zalo{background:#0d78e8}.footerContactBtn.message{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.footerPhoneTitle{margin-top:22px!important}.footerPhone{font-size:19px!important;font-weight:900;color:#f2cf7b!important}.footerFormCol{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:17px;padding:20px}.footerFormLead{margin:0 0 12px!important;font-size:12px!important}.footerLeadForm{display:grid;gap:9px}.footerFormRow{display:grid;grid-template-columns:1fr 1fr;gap:9px}.footerLeadForm input,.footerLeadForm select,.footerLeadForm textarea{width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#fff;color:#132234}.footerLeadForm textarea{min-height:70px;resize:vertical}.footerConsent{color:#cbd7e2;font-size:11px!important}.footerConsent a{text-decoration:underline;font-size:11px!important}.footerSubmit{width:100%}.hiddenField{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.introHero{padding:52px 0;background:linear-gradient(180deg,#eff7ff 0,#fff 45%,#f7f9fc 100%)}.introCard{max-width:980px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr}.introPhotoWrap{background:#eaf4ff;min-height:650px}.introPhoto{width:100%;height:100%;object-fit:contain;object-position:center top;background:#edf6ff}.introContent{padding:38px}.introContent h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;color:var(--navy);margin:6px 0}.introRole{font-size:18px;color:#40536a;margin:0 0 20px}.introQuote{background:#eef7ff;border-left:4px solid var(--blue);padding:15px 17px;border-radius:12px;color:var(--navy);font-weight:800;margin-bottom:21px}.introText{font-size:15px;line-height:1.75;color:#42536a}.introStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.introStats div{background:#f7f9fc;border:1px solid var(--line);border-radius:13px;padding:15px;text-align:center}.introStats strong{display:block;color:var(--navy);font-size:20px}.introStats span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.introContactCard{background:#edf7ff;border-radius:15px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.introContactCard b{display:block;color:var(--blue);font-size:24px}.introContactCard span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.introContactActions{display:flex;gap:8px}
.galleryShell{position:relative}.galleryHint{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:12px}.swipeGallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;background:#081018;box-shadow:var(--shadow);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.swipeGallery::-webkit-scrollbar{display:none}.gallerySlide{position:relative;flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;display:grid;place-items:center;min-height:530px;background:#05090d}.gallerySlide img,.gallerySlide video{width:100%;height:100%;max-height:650px;object-fit:contain}.gallerySlide img{cursor:zoom-in;user-select:none;-webkit-user-drag:none}.mediaTypeBadge{position:absolute;right:14px;bottom:14px;background:rgba(4,24,40,.78);backdrop-filter:blur(6px);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.galleryFooter{display:flex;justify-content:center;align-items:center;margin-top:9px}.galleryCounter{font-size:12px;font-weight:800;color:var(--navy);background:#eef3f7;border-radius:999px;padding:6px 11px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox img{max-width:96vw;max-height:92vh;object-fit:contain;cursor:zoom-out}.lightboxClose{position:absolute;top:16px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.35);color:#fff;font-size:26px;cursor:pointer}.lightboxNav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:54px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:28px;cursor:pointer}.lightboxPrev{left:16px}.lightboxNext{right:16px}
.scrollReveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.scrollReveal.revealVisible{opacity:1;transform:none}.homePage .card,.homePage .listing,.homePage .whyItem{transition:transform .3s ease,box-shadow .3s ease}.homePage .card:hover,.homePage .listing:hover,.homePage .whyItem:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(6,38,65,.16)}
@media(max-width:900px){.footerGridV10{grid-template-columns:1fr}.footerFormCol{max-width:640px}.introCard{grid-template-columns:1fr}.introPhotoWrap{min-height:auto;max-height:none}.introPhoto{height:auto;max-height:620px}.introContent{padding:28px}.gallerySlide{min-height:420px}.galleryHint{padding:0 2px}.introContactCard{align-items:flex-start;flex-direction:column}.introContactActions{width:100%}.introContactActions .btn{flex:1}}
@media(max-width:600px){.footerFormRow{grid-template-columns:1fr}.footerContactButtons{display:grid;grid-template-columns:repeat(3,1fr)}.footerContactBtn{padding:0 8px;font-size:12px!important}.introHero{padding:0 0 36px}.introCard{border-radius:0;border-left:0;border-right:0}.introPhoto{width:100%;height:auto;max-height:none;object-fit:contain}.introContent{padding:24px 18px}.introContent h1{font-size:34px;text-align:center}.introRole{text-align:center;font-size:15px}.introQuote{text-align:center}.introStats{gap:7px}.introStats div{padding:12px 7px}.introStats strong{font-size:16px}.introContactCard b{font-size:22px}.gallerySlide{min-height:310px;aspect-ratio:4/3}.gallerySlide img,.gallerySlide video{max-height:none}.galleryHint{font-size:11px}.lightbox{padding:8px}.lightboxNav{width:40px;height:48px}.lightboxPrev{left:6px}.lightboxNext{right:6px}}
@media(prefers-reduced-motion:reduce){.scrollReveal{opacity:1;transform:none;transition:none}.homePage .card,.homePage .listing,.homePage .whyItem{transition:none}}