*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#0b0f14;color:#fff}
.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:rgba(0,0,0,.5);backdrop-filter:blur(15px);z-index:1000}
.logo{font-size:32px;font-weight:700;color:#f5b400}
nav a,.hotline{color:#fff;text-decoration:none;margin-left:20px}
.hero{height:100vh;background:linear-gradient(135deg,#111,#222);display:flex;align-items:center;justify-content:center;text-align:center}
.hero-content{max-width:900px;padding:40px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px);border-radius:30px}
.hero h1{font-size:72px;color:#f5b400}
.hero p{margin:20px 0;font-size:20px}
.btn{display:inline-block;padding:15px 30px;border:1px solid #f5b400;border-radius:50px;color:#fff;text-decoration:none;margin:10px}
.primary{background:#f5b400;color:#000}
section{padding:100px 5%}
.stats,.grid,.gallery{display:grid;gap:20px}
.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));text-align:center}
.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card,.img{background:rgba(255,255,255,.08);backdrop-filter:blur(15px);padding:30px;border-radius:25px;transition:.3s}
.card:hover,.img:hover{transform:translateY(-8px)}
.gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.img{height:220px;display:flex;align-items:center;justify-content:center}
footer{background:#050505;padding:60px 5%;text-align:center}
.floating{position:fixed;right:20px;padding:15px 20px;border-radius:50px;color:#fff;text-decoration:none}
.zalo{bottom:20px;background:#0084ff}
.call{bottom:80px;background:#f5b400;color:#000}
@media(max-width:768px){.hero h1{font-size:42px}.header nav{display:none}}