body{margin:0;font-family:sans-serif;color:#fff;background:#0b0f19;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.header{background:#111;border-bottom:1px solid #333;}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.nav-links a{margin:0 10px;color:#bbb;text-decoration:none;}
.nav-links a:hover{color:#fff;}
.btn{padding:10px 16px;border-radius:10px;background:#6366f1;color:#fff;text-decoration:none;margin-left:10px;}
.btn.ghost{background:transparent;border:1px solid #666;}
.hero{text-align:center;padding:80px 20px;}
.title{font-size:48px;font-weight:bold;margin:20px 0;}
.subtitle{max-width:700px;margin:0 auto 20px;color:#aaa;}
.section{padding:60px 20px;}
.heading{text-align:center;font-size:28px;margin-bottom:30px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card{background:#151827;padding:20px;border-radius:12px;}
.price{font-size:32px;font-weight:bold;margin:10px 0;}
.note{color:#aaa;margin-bottom:20px;}
.footer{text-align:center;padding:30px 20px;color:#aaa;border-top:1px solid #333;margin-top:40px;}
.logo-dot{width:20px;height:20px;background:#6366f1;border-radius:6px;display:inline-block;margin-right:6px;}