*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#000,#000,#000);color:#fff;scroll-behavior:smooth}#model-3d{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0}.hero{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.hero-content{z-index:1;animation:fadeInUp 1.5s ease-out}.hero-img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid #fff;margin-bottom:20px;box-shadow:0 0 40px #ffffff4d}.hero h1{font-size:3rem}.hero h1 span{color:#ff8c00}.hero p{font-size:1.2rem;margin-top:10px}section{padding:100px 30px;text-align:center}.about,.projects,.contact{background-color:#ffffff0d;margin:50px 10%;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #0000004d}.project-card{margin:20px auto;max-width:600px;padding:20px;background:#1c1c2e;border-radius:12px;color:#fff;font-size:1.1rem;transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}a{text-decoration:none;color:inherit}.project-card{display:block;margin:20px auto;max-width:600px;padding:20px;background:#000;border-radius:12px;color:#fff;font-size:1.1rem;transition:transform .3s ease,background .3s;cursor:pointer;text-align:center}.project-card:hover{transform:scale(1.05);background:#3d3d4b}.email-link{font-size:1.1rem;color:#ff8c00;font-weight:700}@media screen and (max-width: 600px){.hero h1{font-size:2.2rem}.hero p,section p,.project-card{font-size:1rem}.hero-img{width:140px;height:140px}section{padding:60px 20px;margin:20px}.project-card{width:90%}}
