@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Open+Sans:wght@400;600&family=Poppins:wght@500;700&display=swap";:root{--dark-navy: #0a192f;--teal: #64ffda;--light-gray: #ccd6f6;--slate: #8892b0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;background-color:var(--dark-navy);color:var(--light-gray);line-height:1.6}h1,h2,h3{font-family:Poppins,sans-serif;font-weight:700}img{object-position:top}.navbar{position:fixed;top:0;width:100%;padding:1.5rem 5%;z-index:1000;transition:background .3s ease,box-shadow .3s ease;height:80px;box-sizing:border-box}.navbar.scrolled{background:#0a192fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-logo{font-family:Fira Code,monospace;color:var(--teal);font-size:1.2rem;font-weight:500;text-decoration:none;z-index:1001}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--light-gray);font-family:Fira Code,monospace;font-size:.9rem;text-decoration:none;transition:color .3s ease;padding:.5rem 0}.nav-links a:hover{color:var(--teal)}.mobile-menu-button{display:none;background:transparent;border:none;color:var(--teal);font-size:1.5rem;cursor:pointer;z-index:1001}@media (max-width: 768px){.mobile-menu-button{display:block}.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--dark-navy);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.2rem}.navbar{height:70px;padding:1rem 5%}}@media (max-width: 480px){.navbar{height:60px}.nav-logo{font-size:1rem}}#hero{padding:80px 5% 0;min-height:100vh;display:flex;align-items:center;position:relative}.hero-content{max-width:1000px;width:100%;margin:0 auto;padding:2rem 0}.hero-greeting{color:var(--teal);font-family:Fira Code,monospace;font-size:1.1rem;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;color:var(--light-gray);line-height:1.1;margin-bottom:.5rem}.hero-subtitle{font-size:clamp(1.5rem,5vw,3rem);color:var(--slate);margin-bottom:1.5rem}.hero-description{color:var(--slate);max-width:600px;margin-bottom:2.5rem;line-height:1.6}.hero-button{display:inline-block;background:transparent;color:var(--teal);border:1px solid var(--teal);padding:.8rem 1.5rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;transition:all .3s ease}.hero-button:hover{background:#64ffda1a;transform:translateY(-3px)}.social-links{display:flex;gap:1.5rem;margin-top:3rem}.social-links a{color:var(--slate);font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:var(--teal)}@media (max-width: 768px){#hero{padding-top:70px;min-height:calc(100vh - 70px)}.hero-description{max-width:100%}}@media (max-width: 480px){#hero{padding-top:60px;min-height:calc(100vh - 60px)}}.about-section{padding:6rem 5%;max-width:1200px;margin:0 auto}.section-heading{display:flex;align-items:center;font-size:clamp(1.5rem,5vw,2rem);color:var(--light-gray);margin-bottom:3rem}.section-number{color:var(--teal);font-family:Fira Code,monospace;margin-right:.8rem;font-size:1.2rem}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:center}.about-text p{margin-bottom:1.2rem;color:var(--slate);line-height:1.6;font-size:1rem}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem;list-style:none}.skills-list li{font-family:Fira Code,monospace;color:var(--slate);font-size:.9rem;position:relative;padding-left:1.5rem;transition:all .3s ease}.skills-list li:hover{color:var(--light-gray);transform:translate(5px)}.skills-list li:before{content:"▹";position:absolute;left:0;color:var(--teal)}.about-image{position:relative;display:flex;justify-content:center}.image-wrapper{width:280px;height:280px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 10px 30px -10px #64ffda33}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:2px solid var(--teal);filter:grayscale(20%) contrast(1.1);transition:all .5s cubic-bezier(.645,.045,.355,1)}.profile-img:hover{filter:grayscale(0%) contrast(1.1);transform:scale(1.03)}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-image{margin-top:1.5rem;order:-1}.image-wrapper{width:220px;height:220px}.skills-list{grid-template-columns:1fr}}@media (max-width: 480px){.about-section{padding:4rem 5%}.image-wrapper{width:200px;height:200px}}.experience-section{padding:6rem 5%;max-width:1200px;margin:0 auto}.resume-container{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:2rem}.timeline{position:relative;padding-left:2rem;border-left:2px solid var(--teal)}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item:before{content:"";position:absolute;left:-2.7rem;top:0;width:1rem;height:1rem;background:var(--teal);border-radius:50%}.company{color:var(--light-gray);margin:.5rem 0;font-size:1.1rem}.company span{color:var(--slate);font-size:.9rem}.tasks{margin:1rem 0;padding-left:1.2rem}.tasks li{color:var(--slate);margin-bottom:.5rem;line-height:1.6;position:relative}.tasks li:before{content:"▹";position:absolute;left:-1.2rem;color:var(--teal)}.certificate-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--teal);font-size:.9rem;margin-top:1rem;transition:all .3s ease}.certificate-link:hover{opacity:.8}.education-skills{display:flex;flex-direction:column;gap:2.5rem}.education h4{color:var(--light-gray);margin:.5rem 0 .2rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.skill-tag{background:#64ffda1a;color:var(--teal);padding:.4rem .8rem;border-radius:3px;font-family:Fira Code,monospace;font-size:.8rem}.certificate-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--teal);font-size:.9rem;margin-top:1rem;transition:all .3s ease;text-decoration:none}.certificate-link:hover{opacity:.8;text-decoration:underline}.external-icon{font-size:.7rem;margin-left:.3rem}.certificates li a{display:flex;align-items:center;gap:.5rem;color:var(--slate);text-decoration:none;transition:all .3s ease}.certificates li a:hover{color:var(--teal)}.certificates li a span{font-size:.8rem;opacity:.8}.external-icon-small{font-size:.6rem;margin-left:.3rem;opacity:.7}.certificates li{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;color:var(--slate)}.certificates li span{font-size:.8rem;opacity:.8}.download-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--teal);border:1px solid var(--teal);padding:.8rem 1.8rem;border-radius:4px;margin-top:3rem;font-family:Fira Code,monospace;cursor:pointer;transition:all .3s ease}.download-btn:hover{background:#64ffda1a}@media (max-width: 768px){.resume-container{grid-template-columns:1fr}.timeline{border-left:none;padding-left:0}.timeline-item:before{display:none}}.projects-section{padding:6rem 5%;max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card{background:linear-gradient(145deg,#0a192fb3,#0a192fe6);border:1px solid rgba(100,255,218,.1);border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover{transform:translateY(-7px);box-shadow:0 15px 20px #0003;border-color:#64ffda4d}.project-card:hover:before{transform:scaleX(1)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 60%,rgba(10,25,47,.7))}.project-content{padding:1.8rem;position:relative;z-index:1}.project-content h3{color:var(--light-gray);margin-bottom:1rem;font-size:1.4rem;position:relative;display:inline-block}.project-content h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:var(--teal);transition:width .3s ease}.project-card:hover .project-content h3:after{width:80px}.project-content p{color:var(--slate);margin-bottom:1.2rem;font-size:.95rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.project-tags li{list-style:none;font-family:Fira Code,monospace;font-size:.75rem;color:var(--teal);background:#64ffda14;padding:.4rem .9rem;border-radius:4px;border:1px solid rgba(100,255,218,.1);transition:all .2s ease}.project-tags li:hover{background:#64ffda26;transform:translateY(-2px)}.project-links{display:flex;gap:1.2rem}.project-links a{color:var(--light-gray);font-size:1.1rem;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.project-links a:hover{color:var(--teal);transform:translateY(-2px)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-image{height:180px}.project-content{padding:1.4rem}}.contact-section{padding:6rem 5%;max-width:1200px;margin:0 auto}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info h3{color:var(--light-gray);font-size:1.5rem;margin-bottom:1.5rem}.contact-info p{color:var(--slate);margin-bottom:2rem;line-height:1.6}.contact-item{display:flex;align-items:center;gap:1rem;color:var(--light-gray);margin-bottom:1.5rem;transition:color .3s ease}.contact-item:hover{color:var(--teal)}.contact-item .icon{font-size:1.2rem}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-links .icon{font-size:1.5rem;color:var(--light-gray);transition:color .3s ease}.social-links .icon:hover{color:var(--teal)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--light-gray);font-family:Fira Code,monospace;font-size:.9rem}.form-group input,.form-group textarea{background:#64ffda08;border:1px solid rgba(100,255,218,.1);border-radius:4px;padding:.8rem 1rem;color:var(--light-gray);font-family:Open Sans,sans-serif;transition:border .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--teal)}.form-success{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin:15px 0;text-align:center}.form-error{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin:15px 0;text-align:center}.submit-btn:disabled{opacity:.7;cursor:not-allowed}input:disabled,textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.submit-btn{align-self:flex-start;background:transparent;color:var(--teal);border:1px solid var(--teal);padding:.8rem 1.8rem;border-radius:4px;font-family:Fira Code,monospace;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#64ffda1a;transform:translateY(-2px)}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}}.footer-section{background:#0a192fe6;padding:3rem 5%;border-top:1px solid rgba(100,255,218,.1)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-link{color:var(--light-gray);font-family:Fira Code,monospace;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--teal)}.footer-social{display:flex;gap:1.5rem}.social-icon{color:var(--light-gray);font-size:1.3rem;transition:all .3s ease}.social-icon:hover{color:var(--teal);transform:translateY(-3px)}.footer-copyright{text-align:center;margin-top:1rem}.footer-copyright p{color:var(--slate);font-size:.8rem;line-height:1.6}.footer-copyright p:first-child{margin-bottom:.5rem;color:var(--teal);font-family:Fira Code,monospace}@media (max-width: 768px){.footer-links{gap:1rem}.footer-social{gap:1.2rem}}