*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background:#0f172a}.container{width:100%}.navbar{background:#0f172af2;justify-content:space-between;align-items:center;padding:25px 8%;display:flex;position:sticky;top:0}.navbar ul{gap:25px;list-style:none;display:flex}.navbar a{color:#fff;text-decoration:none}.hero{flex-direction:column;justify-content:center;min-height:90vh;padding:0 8%;display:flex}.hero h1{margin-bottom:10px;font-size:4rem}.hero h2{color:#38bdf8;margin-bottom:20px}.hero p{color:#cbd5e1;max-width:600px;line-height:1.8}.hero button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#8b5cf6);border:none;border-radius:10px;width:180px;margin-top:30px;padding:14px;font-size:16px}.section{padding:80px 8%}.section h2{margin-bottom:30px;font-size:2.5rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.skill-card{text-align:center;background:#1e293b;border-radius:12px;padding:20px;transition:all .3s}.skill-card:hover{transform:translateY(-5px)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.project-card{background:#1e293b;border-radius:15px;padding:25px}.project-card h3{color:#38bdf8;margin-bottom:15px}footer{text-align:center;color:#94a3b8;background:#020617;padding:30px}@media (width<=768px){.navbar{flex-direction:column;gap:20px}.hero h1{font-size:2.5rem}}