body{margin:0;background:#05070d;color:white;font-family:Arial,sans-serif}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#07101f;border-bottom:1px solid #24345f}
.logo{display:flex;align-items:center;gap:15px}
.logo img{width:65px;height:65px;border-radius:12px}
.logo h1{font-size:32px}
.navlinks a{color:#aab5da;text-decoration:none;margin-left:30px;font-weight:bold}
.hero{display:flex;justify-content:space-between;padding:60px 50px;gap:40px}
.left{width:60%}
.left h2{font-size:78px;line-height:0.95;margin:0}
.left p{color:#9ca7d4;font-size:20px}
.btn{padding:18px 30px;display:inline-block;margin-right:15px;margin-top:20px;font-weight:bold;text-decoration:none}
.primary{background:#346bff;color:white}
.secondary{border:1px solid #6d42ff;color:white}
.card{border:1px solid #24345f;padding:25px;background:#0d1017;margin-bottom:20px}
.community{display:flex;align-items:center;gap:15px;text-decoration:none;color:white;border:1px solid #24345f;padding:15px;border-radius:12px;margin-top:15px}
.community img{width:55px;height:55px;border-radius:10px}
.section{display:flex;gap:25px;padding:20px 50px 50px}
.box{flex:1;border:1px solid #24345f;padding:30px;background:#0d1017}
.footer{text-align:center;padding:35px;border-top:1px solid #24345f;font-weight:bold}