:root{--blue:#075ee5;--navy:#061631;--ink:#101828;--muted:#667085;--soft:#f4f7fb;--line:#e4e9f1;--shadow:0 18px 45px rgba(16,24,40,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{background:#07152f;color:#fff;font-size:12px;padding:9px 0}.topbar strong{color:#7db1ff}.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);box-shadow:0 4px 22px rgba(16,24,40,.07)}.navbar{min-height:76px}.brand{width:168px}.nav-link{font-size:12px;font-weight:750;text-transform:uppercase;border-radius:99px;padding:10px 13px!important}.nav-link:hover,.nav-link.active{background:#edf4ff;color:var(--blue)!important}.page-hero{padding:85px 0;background:radial-gradient(circle at 80% 20%,rgba(41,121,255,.28),transparent 32%),linear-gradient(130deg,#061631,#0b326e);color:#fff}.page-hero .kicker,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#76aaff}.page-hero h1{font-size:clamp(38px,5vw,62px);font-weight:800;letter-spacing:-.04em;margin:12px 0}.page-hero p{max-width:650px;color:#c6d4ec;line-height:1.8}.breadcrumb{font-size:12px}.breadcrumb-item+.breadcrumb-item:before{color:#8fa7ca}.breadcrumb a{color:#fff}.breadcrumb-item.active{color:#97abd0}.section{padding:76px 0}.section-soft{background:var(--soft)}.section-title{margin-bottom:34px}.section-title h2{font-size:32px;font-weight:800;letter-spacing:-.035em}.section-title p{color:var(--muted);max-width:630px}.filter-btn{border:0;border-radius:999px;padding:10px 17px;font-size:12px;font-weight:700;background:#e9edf4}.filter-btn.active,.filter-btn:hover{background:var(--blue);color:#fff}.product-card{height:100%;background:#fff;border:1px solid transparent;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(16,24,40,.06);transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-media{height:270px;padding:20px;background:linear-gradient(145deg,#f9fafc,#edf1f6);position:relative}.product-media img{width:100%;height:100%;object-fit:contain}.tag{position:absolute;top:15px;left:15px;padding:6px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;font-weight:800}.product-info{padding:20px}.product-info h3{font-size:17px;font-weight:750}.product-price{font-weight:800;color:var(--blue)}.btn-main,.btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:0 18px;border-radius:11px;font-size:12px;font-weight:800;text-transform:uppercase;border:0}.btn-main{background:var(--blue);color:#fff}.btn-main:hover{background:#064ebc;color:#fff}.btn-soft{background:#edf4ff;color:var(--blue)}.detail-gallery{background:linear-gradient(145deg,#f9fafc,#edf1f6);border-radius:26px;padding:34px;position:sticky;top:110px}.detail-gallery img{width:100%;aspect-ratio:1;object-fit:contain}.detail-copy h1{font-size:42px;font-weight:800;letter-spacing:-.04em}.detail-price{font-size:27px;font-weight:800;color:var(--blue)}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spec{padding:15px;border:1px solid var(--line);border-radius:13px}.spec small{display:block;color:var(--muted)}.spec b{font-size:14px}.color-dot{width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #ccd3df}.color-dot.active{box-shadow:0 0 0 2px var(--blue)}.content-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 6px 24px rgba(16,24,40,.07)}.icon-card{height:100%;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.icon-card i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf4ff;color:var(--blue);font-size:20px}.loan-box{background:linear-gradient(135deg,#061631,#0b326e);color:#fff;border-radius:28px;padding:36px}.loan-result{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px}.form-control,.form-select{min-height:48px;border-radius:11px;border-color:#dce2ec}.news-card{height:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 7px 24px rgba(16,24,40,.07);transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-card img{width:100%;aspect-ratio:1.67;object-fit:cover}.news-body{padding:22px}.news-body small{color:var(--blue);font-weight:700}.news-body h3{font-size:18px;line-height:1.45;font-weight:750}.article{max-width:820px;margin:auto}.article h2{font-size:27px;font-weight:800;margin:34px 0 15px}.article p,.article li{line-height:1.85;color:#475467}.article-cover{border-radius:22px;margin:24px 0}.contact-card{height:100%;padding:28px;border-radius:20px;background:#fff;box-shadow:0 7px 25px rgba(16,24,40,.08)}.map-box{min-height:390px;border-radius:22px;background:linear-gradient(145deg,#e8eef7,#d5dfec);display:grid;place-items:center;text-align:center;color:#53657f}.site-footer{background:#06142d;color:#b9c5dc;padding-top:52px}.footer-logo{width:210px;mix-blend-mode:screen}.site-footer h4{font-size:13px;color:#fff;text-transform:uppercase}.site-footer p,.site-footer li{font-size:12px;line-height:1.9}.site-footer ul{list-style:none;padding:0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding:18px 0;font-size:11px;text-align:center}.floating{position:fixed;right:16px;bottom:18px;z-index:1040;display:grid;gap:10px}.float-btn{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.25);border:3px solid #fff}.float-phone{background:#e12831}.float-zalo{background:#0878f9;font-size:11px;font-weight:800}.reveal{opacity:0;transform:translateY(20px);transition:.55s}.reveal.visible{opacity:1;transform:none}
@media(max-width:991px){.navbar-collapse{padding:12px 0 18px}.nav-link{padding:11px 5px!important}.page-hero{padding:62px 0}.detail-gallery{position:static}.detail-copy h1{font-size:35px}}
@media(max-width:575px){.topbar .d-flex{justify-content:center!important}.topbar .top-extra{display:none}.navbar{min-height:66px}.brand{width:148px}.page-hero{padding:48px 0}.page-hero h1{font-size:38px}.section{padding:54px 0}.section-title h2{font-size:27px}.product-media{height:185px;padding:10px}.product-info{padding:14px}.product-info h3{font-size:14px}.spec-list{grid-template-columns:1fr}.loan-box{padding:24px;border-radius:20px}.content-card{padding:21px}.floating{right:10px;bottom:11px}.float-btn{width:45px;height:45px}}