body{margin:0;background:#050505;color:white;font-family:sans-serif}
.hero{height:100vh;background:url('assets/img2.jpg') center/cover no-repeat;position:relative}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
h1{font-size:60px;letter-spacing:3px}
.btn{background:white;color:black;padding:12px 25px;border-radius:30px;text-decoration:none}
.portfolio{padding:60px 20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.grid img{width:100%;border-radius:15px}
.about,.contact{padding:60px 20px;text-align:center}