*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:#0f172a;color:#fff}nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 10%;position:fixed;top:0;z-index:1000;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:30px;font-weight:700;color:#38bdf8}nav ul{display:flex;gap:30px;list-style:none}nav ul li a{color:#fff;text-decoration:none;transition:.3s}nav ul li a:hover{color:#38bdf8}header{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:100px 20px;background:radial-gradient(circle at top right,#1e3a8a,#0f172a 40%)}.hero-text h1{font-size:70px}.hero-text span{color:#38bdf8}.typing{margin-top:20px;font-size:25px;color:#cbd5e1}.hero-desc{margin-top:20px;line-height:1.8;color:#94a3b8}.btn{display:inline-block;margin-top:30px;padding:15px 35px;background:#38bdf8;color:#000;border-radius:40px;text-decoration:none;font-weight:700;transition:.3s}.btn:hover{transform:translateY(-5px);box-shadow:0 0 20px #38bdf8}section{padding:100px 10%}section h2{text-align:center;margin-bottom:50px;font-size:40px;color:#38bdf8}.about{background:#ffffff0d;padding:40px;border-radius:20px;text-align:center;line-height:1.8}.project-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.card{background:#ffffff0d;padding:30px;border-radius:20px;transition:.4s}.card:hover{transform:translateY(-10px);box-shadow:0 0 20px #38bdf8}.card h3{color:#38bdf8;margin-bottom:15px}.card p{line-height:1.7;color:#cbd5e1}.card button{margin-top:20px;padding:12px 25px;border:none;border-radius:30px;background:#38bdf8;font-weight:700;cursor:pointer}footer{text-align:center;padding:30px;background:#020617;color:#94a3b8}@media(max-width:768px){.hero-text h1{font-size:45px}nav{padding:20px}nav ul{gap:15px;font-size:14px}}