*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#050505;color:white}header{padding:30px;border-bottom:1px solid #333}nav{display:flex;justify-content:space-between;letter-spacing:4px}.hero{height:100vh;padding:40px;position:relative;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(#222 1px,transparent 1px),linear-gradient(90deg,#222 1px,transparent 1px);background-size:80px 80px;animation:move 20s linear infinite}.hero h1{position:relative;font-size:20vw;line-height:.8;letter-spacing:-8px;animation:show 1.5s}.hero p{position:absolute;bottom:80px;font-size:25px}.red{position:absolute;width:120px;height:120px;background:#f30;right:10%;top:40%;animation:float 4s infinite}@keyframes move{to{transform:translateY(80px)}}@keyframes show{from{opacity:0;transform:translateY(100px)}}@keyframes float{50%{transform:translateY(-40px) rotate(20deg)}}.projects,.about{padding:100px 40px}h2{font-size:60px}.cards{display:flex;gap:30px;overflow:auto}.card{min-width:300px;height:300px;background:#111;border:1px solid #333;padding:30px;font-size:40px;transition:.5s}.card:hover{transform:translateY(-20px) rotateY(10deg)}.about p{font-size:40px;max-width:800px}footer{padding:40px;border-top:1px solid #333}