body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0f172a;font-family:Arial,sans-serif;line-height:1.6}.navbar{z-index:1000;background-color:#020617;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:18px 8%;display:flex;position:sticky;top:0}.navbar h2{color:#38bdf8}.nav-links a{color:#fff;margin-left:20px;font-weight:700;text-decoration:none}.nav-links a:hover{color:#38bdf8}.hero{background:linear-gradient(135deg,#020617,#0f172a,#082f49);flex-direction:column;justify-content:center;min-height:90vh;padding:0 8%;display:flex}.hero h1{color:#38bdf8;font-size:60px}.hero h3{margin:15px 0;font-size:24px}.hero p{color:#cbd5e1;max-width:700px;font-size:18px}.hero-buttons{margin-top:30px}.btn{color:#020617;background-color:#38bdf8;border-radius:30px;margin-right:15px;padding:12px 25px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background-color:#0ea5e9}.btn.secondary{color:#38bdf8;background-color:#0000;border:2px solid #38bdf8}.section{padding:70px 8%}.section h2{color:#38bdf8;margin-bottom:25px;font-size:36px}.section p{color:#cbd5e1;font-size:17px}.grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.card{background-color:#1e293b;border:1px solid #334155;border-radius:15px;margin-bottom:20px;padding:25px;transition:all .3s}.card:hover{border-color:#38bdf8;transform:translateY(-5px)}.card h3{color:#fff;margin-bottom:10px}.skills{flex-wrap:wrap;gap:15px;display:flex}.skills span{color:#e0f2fe;background-color:#1e293b;border:1px solid #38bdf8;border-radius:30px;padding:12px 18px}.contact{text-align:center;background-color:#020617}footer{text-align:center;color:#94a3b8;background-color:#020617;border-top:1px solid #1e293b;padding:25px}@media (width<=768px){.navbar{flex-direction:column}.nav-links{margin-top:15px}.nav-links a{margin:8px;display:inline-block}.hero h1{font-size:42px}.hero h3{font-size:20px}.grid{grid-template-columns:1fr}}.hero-content{justify-content:space-between;align-items:center;gap:50px;display:flex}.profile-card{background:linear-gradient(135deg,#38bdf8,#0f172a);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:280px;height:280px;display:flex;box-shadow:0 0 30px #38bdf84d}.profile-card h2{color:#fff;font-size:80px}.profile-card p{color:#fff;font-weight:700}@media (width<=768px){.hero-content{text-align:center;flex-direction:column}}.nav-left{align-items:center;gap:10px;display:flex}.nav-img{object-fit:cover;border:2px solid #38bdf8;border-radius:50%;width:40px;height:40px}html{scroll-behavior:smooth}