*{box-sizing:border-box;background-color:#0000;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;line-height:1.6}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;overflow-x:hidden}.hamburger{cursor:pointer;flex-direction:column;justify-content:space-between;width:25px;height:18px;display:none}.hamburger span{background:#fff;border-radius:3px;width:100%;height:3px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translateY(-7px)}@media (max-width:768px){.hamburger{flex-direction:column;display:flex}.nav-links{z-index:9;background:#0d1117;flex-direction:column;align-items:center;gap:2rem;width:100%;height:60px;transition:all .3s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-links a{font-size:1.1rem}}.navbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 4rem;display:flex;position:fixed;top:0}.logo a{color:#00d8ff;letter-spacing:1px;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links a{color:#e6edf3;margin:0 1.2rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#00d8ff}.nav-links a.active{color:#00d8ff;border-bottom:2px solid #00d8ff;padding-bottom:2px;font-weight:600}.hero{text-align:center;background:linear-gradient(135deg,#001f3f,#036);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{color:#fff;font-size:2.8rem}.hero h1 span{color:#00d8ff}.hero p{color:#cfd8dc;margin:1rem 0;font-size:1.2rem}.btn{color:#001f3f;background:#00d8ff;border-radius:25px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{background:#00b8d4;transform:scale(1.05)}.about{background:#0d1117;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;height:90vh;padding:4rem 2rem;display:flex}.profile-pic{border-radius:50%;width:250px;box-shadow:0 0 20px #00d8ff4d}.bio{max-width:500px}.bio h2{color:#00d8ff;margin-bottom:1rem;font-size:2rem}.bio p{color:#b1bac4;line-height:1.7}.skills{text-align:center;background:#111827;height:90vh;padding:5rem 2rem}.skills h2{color:#00d8ff;margin-bottom:2rem;font-size:2rem}.skill-list{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.skill{color:#e6edf3;background:#1f2937;border-radius:10px;padding:1rem 1.5rem;transition:transform .3s;box-shadow:0 0 10px #00d8ff33}.skill:hover{color:#0d1117;background:#00d8ff;transform:translateY(-5px)}.portfolio{text-align:center;background:#0b0f19;height:100vh;padding:5rem 2rem}.portfolio h2{color:#00d8ff;margin-bottom:2rem;font-size:2.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project{cursor:pointer;background:#161b22;border-radius:10px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 0 15px #00d8ff1a}.project:hover{transform:scale(1.05);box-shadow:0 0 25px #00d8ff4d}.contact{text-align:center;background:#001f3f;height:90vh;padding:5rem 2rem}.contact h2{color:#00d8ff;margin-bottom:2rem}.contact form{flex-direction:column;gap:1rem;max-width:600px;margin:auto;display:flex}.contact input,.contact textarea{color:#e6edf3;background:#0d1117;border:none;border-radius:8px;outline:none;padding:.8rem}.contact button{align-self:center}.footer{text-align:center;color:#9da5b4;background:#000;padding:1.5rem;font-size:.9rem}