*{box-sizing:border-box}
body{margin:0;background:#050816;color:white;font-family:Vazirmatn,sans-serif;text-align:center}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle,#2563ff55,transparent 35%),#050816}
header{display:flex;justify-content:space-between;padding:30px 8%}
.logo{font-size:40px;font-weight:900}.logo b,span{color:#4f7dff}
.btn{background:#4f7dff;color:white;padding:14px 30px;border-radius:40px;text-decoration:none;display:inline-block}
.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;gap:80px;padding:40px 8%}
.hero>div:first-child{max-width:600px}
h1{font-size:75px}
p{font-size:20px;line-height:2;color:#cbd5e1}
.tag{border:1px solid #334155;border-radius:30px;padding:8px}
.phone{width:330px;height:620px;border-radius:50px;background:#111827;display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px #2563ff66}
.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}
.cards div{background:#111827;border:1px solid #334155;border-radius:30px;padding:35px;width:240px}
section{padding:80px 8%}
footer{padding:40px;color:#94a3b8}
@media(max-width:800px){.hero{flex-direction:column}h1{font-size:45px}}