@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&display=swap');
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#75b8ff,#181818);color:white;font-family:Rajdhani,Arial}
header{padding:25px 7%;background:#0008}header h2{margin:0}
main{width:86%;margin:auto;min-height:85vh;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
h1{font-size:90px;line-height:.8;margin:20px 0}h1 span{color:#ffbd69}
.tag{letter-spacing:5px}.desc{font:22px Arial}
.links{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}
.links a{display:flex;align-items:center;gap:10px;background:#fff;color:#111;text-decoration:none;padding:13px 18px;border-radius:10px;font-weight:bold;transition:.3s}
.links a:hover{transform:translateY(-5px)}
.links img{width:28px;height:28px}
.hero{width:100%;border-radius:25px;animation:float 5s infinite;box-shadow:0 30px 80px #000}
@keyframes float{50%{transform:translateY(-15px)}}
.ca{background:#0008;padding:15px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
code{word-break:break-all}button{cursor:pointer;padding:8px 14px}
@media(max-width:800px){main{grid-template-columns:1fr}h1{font-size:60px}}