*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e2e8f0;background-color:#0f172a;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.navbar{z-index:1000;background-color:#111827;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;width:100%;padding:20px 60px;display:flex;position:sticky;top:0}.navbar-logo{color:#38bdf8;margin:0;font-size:24px}.navbar-links{gap:30px;display:flex}.navbar-links button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:16px;transition:all .3s}.navbar-links button:hover{color:#38bdf8;text-decoration:underline}.menu-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:28px;display:none}.mobile-menu{display:none}@media (width<=768px){.navbar{padding:15px 20px}.navbar-links{display:none}.menu-btn{display:block}.mobile-menu{background-color:#111827;border:1px solid #334155;border-top:none;flex-direction:column;gap:20px;width:200px;padding:20px;display:flex;position:absolute;top:100%;right:0}.mobile-menu button{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:17px;text-decoration:none;transition:all .3s}.mobile-menu button:hover{color:#38bdf8}}.home{justify-content:center;align-items:center;gap:6rem;min-height:90vh;padding:60px 20px;display:flex}.home-content{text-align:center;max-width:650px}.home-intro{color:#38bdf8;margin-bottom:10px;font-size:20px}.home h1{color:#f8fafc;margin-bottom:10px;font-size:64px}.home h2{color:#cbd5e1;margin-bottom:20px;font-size:30px}.home-description{color:#94a3b8;max-width:600px;line-height:1.7}.home-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:30px;display:flex}.resume{cursor:pointer;border:1px solid #334155;border-radius:6px;padding:12px 22px;transition:all .3s}.resume:hover{color:#0ea5e9;border-color:#0ea5e9}.viewprojects{cursor:pointer;background-color:#334155;border:1px solid #94a3b8;border-radius:6px;padding:12px 22px}.viewprojects:hover{color:#38bdf8;background-color:#1e293b;border-color:#38bdf8}.home-image img{object-fit:cover;border-radius:50%;width:350px;height:350px;animation:4s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (width<=768px){.home{flex-wrap:wrap;min-height:90vh;display:flex}.home-image img{object-fit:cover;width:270px;height:270px}}.about{justify-content:center;align-items:center;min-height:50vh;padding:80px 20px;display:flex}.about-content{text-align:center;max-width:800px}.section-subtitle{color:#38bdf8;margin-bottom:10px;font-size:16px}.about h2{color:#f8fafc;margin-bottom:25px;font-size:40px}.about-content p:not(.section-subtitle){color:#94a3b8;margin-bottom:15px;line-height:1.8}.skills{text-align:center;min-height:60vh;padding:80px 20px}.skills-item{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.skills-item p{cursor:pointer;border:1px solid #334155;border-radius:6px;padding:12px 22px;transition:all .3s}.skills-item p:hover{color:#38bdf8;border-color:#38bdf8}.skills h2{margin-bottom:30px;font-size:35px}.skills p{margin:10px 0}.projects{text-align:center;flex-wrap:wrap;justify-content:center;padding:80px 30px;display:flex}h2{text-align:center;font-size:35px}.project-card{background-color:#1e293b;border:1px solid #334155;border-radius:10px;max-width:400px;margin:20px auto;padding:20px}.project-card h3{color:#f8fafc;margin-bottom:15px}.project-card img{height:120px;animation:4s ease-in-out infinite floating}.project-card p{color:#94a3b8;margin-bottom:12px}.project-card button{color:#f8fafc;background-color:#334155;border-radius:10px;margin-top:10px;padding:10px 20px}.project-card button:hover{color:#38bdf8;background-color:#1e293b;border-color:#38bdf8}.contact{justify-content:center;align-items:center;min-height:60vh;padding:80px 20px;display:flex}.contact-content{text-align:center;max-width:700px}.contact h2{color:#f8fafc;margin-bottom:20px;font-size:40px}.contact-text{color:#94a3b8;margin-bottom:30px;line-height:1.7}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-links a{color:#e2e8f0;border:1px solid #334155;border-radius:6px;padding:12px 22px;transition:all .3s}.contact-links a:hover{color:#38bdf8;border-color:#38bdf8}.footer{text-align:center;background-color:#111827;border-top:1px solid #334155;padding:25px 20px}.footer p{color:#64748b;font-size:14px}