*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#0d0d0d;color:#fff;overflow-x:hidden}header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:fixed;top:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header h2{color:#00eaff}nav{display:flex;align-items:center;gap:20px}nav a{color:#fff;text-decoration:none;font-size:16px}nav a:hover{color:#00eaff}.btn{padding:10px 20px;background:#00eaff;color:#000;border-radius:6px}.hamburger{display:none;font-size:32px;cursor:pointer;color:#fff}.hero{min-height:100vh;display:flex;justify-content:space-between;align-items:center;padding:80px 10% 0}.hero-text h1{font-size:52px}.hero-text span{color:#00eaff}.hero-text p{margin-top:15px;color:#ccc}.hero img{width:340px;border-radius:50%;border:4px solid #00eaff}section{padding:90px 10%}section h2{font-size:38px;color:#00eaff;margin-bottom:20px}#about p{line-height:1.7;color:#ccc}.skill-box{display:flex;flex-wrap:wrap;gap:12px}.skill{padding:10px 20px;border:2px solid #00eaff;border-radius:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.project{border:2px solid #00eaff;padding:20px;border-radius:12px}#certificates .project-grid{display:flex;justify-content:center}#certificates img{width:100%;max-width:420px;border-radius:10px}.edu-box h3{margin-top:15px}.contact-info p{margin-top:10px}.contact-info a{color:#00eaff}.contact-section{text-align:center}.contact-form{max-width:500px;margin:auto;border:2px solid #00eaff;padding:25px;border-radius:10px}.form-group{margin-bottom:15px;text-align:left}.form-group input,.form-group textarea{width:100%;padding:10px;background:#111;color:#fff;border:1px solid #555;border-radius:5px}@media(max-width:768px){header{display:flex!important;justify-content:center;align-items:center;padding:15px}header h2{margin:0 auto}.hamburger{display:block;position:absolute;left:15px;top:12px;z-index:10001}nav{position:fixed!important;top:0;left:0;width:100vw;height:100vh;background:#000;display:none!important;flex-direction:column!important;justify-content:center;align-items:center;gap:30px;z-index:10000;overflow-y:auto}nav.open{display:flex!important}nav a{font-size:24px;display:block}.hero{padding-top:100px}}