*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#0f1115;color:#fff}
.nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:20px 8%;background:rgba(0,0,0,.5);backdrop-filter:blur(12px)}
.nav a{color:#fff;text-decoration:none;margin-left:20px}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111,#222)}
.glass{background:rgba(255,255,255,.08);backdrop-filter:blur(20px);padding:50px;border-radius:24px;text-align:center}
h1{font-size:56px}.btn{display:inline-block;margin-top:20px;padding:14px 24px;background:#f0b400;color:#000;text-decoration:none;border-radius:50px}
section{padding:100px 8%}h2{margin-bottom:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:rgba(255,255,255,.06);padding:30px;border-radius:18px;backdrop-filter:blur(12px)}
footer{padding:60px 8%;background:#080808}
.zalo{position:fixed;right:20px;bottom:20px;background:#0084ff;color:#fff;padding:15px 18px;border-radius:50px;text-decoration:none}