*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Tiro Bangla',"Segoe UI",Tahoma,sans-serif;background:linear-gradient(135deg,#0c1420 0%,#122c3f 30%,#0f3460 55%,#0e6e62 82%,#0e8f7e 100%);min-height:100vh;color:#fff;overflow-x:hidden}
header{padding:12px 18px}
.container{max-width:1200px;margin:0 auto}
nav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px}
main{min-height:60vh;padding:20px}
footer{margin-top:50px;padding:24px;text-align:center;color:rgba(255,255,255,.75);font-size:14px}
.hero{padding:70px 30px;text-align:center;max-width:900px;margin:0 auto}
.hero h1{font-size:2.6rem;line-height:1.25;text-shadow:0 4px 15px rgba(0,0,0,.25)}
.hero p{font-size:1.1rem;color:rgba(255,255,255,.88);margin:18px auto 28px;line-height:1.7;max-width:680px}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px auto;max-width:1200px}
.f-card{min-height:210px}
.f-soon{opacity:.62;pointer-events:none}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:768px){nav{flex-direction:column;gap:14px}.hero{padding:40px 18px}.hero h1{font-size:2rem}.features{grid-template-columns:1fr}}