body{color:#fff;background:linear-gradient(135deg,#0f172a,#020617);height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}h2{text-align:center;color:#38bdf8;margin-top:15px;margin-bottom:15px;font-size:1.7rem;font-weight:800}h3{text-align:justify;margin-top:0;font-size:1.1rem;font-weight:450}p,ul{font-size:1rem}nav{box-sizing:border-box;z-index:10000;background-color:#0a192f;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.logo{color:#38bdf8;margin:0;font-size:1.6rem;font-weight:800}.nav-links{align-items:center;gap:25px;padding:10px 25px;display:flex}.nav-links a{color:#cbd5f5;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#38bdf8}.menu-icon{cursor:pointer;color:#38bdf8;display:none;position:static;right:20px}@media (width<=768px){.menu-icon{display:block}.nav-links{background:#0a192ff2;flex-direction:column;gap:20px;width:100%;padding:20px 0;display:none;position:absolute;top:60px;right:0}.nav-links.active{display:flex}}section{min-height:100vh;margin-top:0;padding:10px 10%;scroll-margin-top:80px;position:relative;background:0 0!important}.hero{opacity:0;padding:200px 12%;animation:5s forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:4rem;font-weight:800}.hero span{color:#38bdf8}.btn{background:#38bdf8;border:none;border-radius:8px;margin-top:0;padding:10px 18px}.card{box-sizing:border-box;background:#ffffff0d;border-radius:15px;flex:1;min-width:300px;height:auto;margin:10px 0;padding:40px}.card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #38bdf84d}#education .card{margin-bottom:20px}.container{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;align-items:stretch;gap:20px;display:grid}.project-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;column-gap:20px;display:grid}ul{flex-grow:1;margin-top:.1px;padding-left:20px;list-style-type:square}.github-bottom{color:#38bdf8;margin-top:auto;font-weight:700;text-decoration:none}#contact .card a{color:#38bdf8;text-decoration:none}#contact .card a:link,#contact .card a:visited,#contact .card a:active{color:#38bdf8}#contact .card a:hover{color:#fff;text-decoration:underline}footer{text-align:center;padding:20px}