@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.navbar{width:100%;position:fixed;top:0;left:0;z-index:200;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.3rem 2.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a0a59;border-bottom:1px solid rgba(56,199,255,.18);transition:padding .28s ease,background .28s ease,border-bottom .28s ease,backdrop-filter .28s ease}.navbar.scrolled{padding:.6rem 2rem;background:#050505a6;border-bottom:1px solid rgba(0,174,255,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 14px #00aeff40;transition:padding .28s ease,background .28s ease,border-bottom .28s ease,backdrop-filter .28s ease,box-shadow .28s ease}.logo{font-size:2rem;font-weight:700;color:var(--accent-color);cursor:pointer}.navLinks{display:flex;gap:2rem;list-style:none;margin-right:1rem;align-items:center}.navLinks a{text-decoration:none;color:var(--text-color);font-weight:300;font-size:1.1rem;position:relative;transition:.3s ease}.navLinks a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background-color:var(--accent-color);transition:width .3s ease}.navLinks a:hover:after{width:100%}.navLinks a:hover{color:var(--accent-color)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--accent-color);border-radius:5px;transition:.3s ease}.mobileMenu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#0f0f14e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid rgba(56,199,255,.25);display:flex;flex-direction:column;padding:1rem 2rem;gap:2rem;transition:right .35s ease-out;z-index:200}.mobileMenu.open{right:0}.mobileMenuHeader{display:flex;justify-content:space-between;align-items:center;padding-top:.8rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobileToggleLeft{display:flex;align-items:center;justify-content:flex-start}.closeBtn{background:none;border:none;font-size:2rem;color:var(--accent-color);cursor:pointer;transition:transform .2s ease}.closeBtn:hover{transform:rotate(90deg)}.mobileMenu a{color:var(--text-color);font-size:1.25rem;font-weight:300;text-decoration:none;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08);transition:color .3s ease,padding-left .2s ease}.mobileMenu a:hover{color:var(--accent-color);padding-left:8px}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:100}.overlay.show{opacity:1;pointer-events:auto}@media(max-width:768px){.navLinks,.toggleWrapper{display:none}.hamburger{display:flex;position:absolute;top:1.1rem;right:1.5rem}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeSlideLeft .7s ease-out forwards}.hero-subtitle{animation:fadeSlideLeft 1s ease-out forwards}.hero-description{opacity:0;animation:fadeUp 1.2s ease forwards}.hero-buttons{opacity:0;animation:fadeUp 1.4s ease forwards}.hero-banner{position:relative;width:100%;height:90vh;background-image:url(/hero.png);background-size:cover;background-repeat:no-repeat;background-position:center 0px;display:flex;align-items:center;padding-left:4rem;color:var(--text-color);filter:brightness(1) blur(0px);transition:filter .25s ease-out,background-position .45s ease-out}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000b8,#00000073 40%,#00000026);transition:background .35s ease-out;z-index:1}.light-theme .hero-overlay{background:linear-gradient(to right,#ffffff59,#ffffff26 40%,#ffffff0d)}.banner-content{position:relative;z-index:2;max-width:580px}.banner-content h1{font-size:3.6rem;color:var(--accent-color);font-weight:800;line-height:1.1}.banner-content h1 span{display:block;margin-top:.4rem;font-size:1.9rem;color:var(--text-color)}.banner-content p{margin-top:1rem;font-size:1.2rem;max-width:470px}.hero-buttons{margin-top:2rem;display:flex;gap:1rem}.btn-primary{padding:.9rem 1.8rem;background:var(--accent-color);color:#000;font-weight:700;border-radius:6px;text-decoration:none}.btn-secondary{padding:.9rem 1.8rem;border:2px solid var(--accent-color);color:var(--accent-color);border-radius:6px;text-decoration:none;font-weight:600;transition:.3s ease}.btn-secondary:hover{background:var(--accent-color);color:#000}@media(max-width:900px){.hero-banner{justify-content:center;padding:0 2rem;text-align:center;background-attachment:scroll}.banner-content h1{font-size:3rem}.banner-content h1 span{font-size:1.5rem}.hero-buttons{justify-content:center}}@media(max-width:500px){.hero-banner{height:100vh;padding:0 1.5rem}.banner-content h1{font-size:2.4rem}.banner-content p{font-size:1.05rem;max-width:90%}}.reveal{opacity:0;transform:translateY(30px);transition:all .9s ease-out}.revealed{opacity:1;transform:translateY(0)}.about-section{position:relative;width:100%;padding:6rem 3rem;background-size:cover;background-position:center 0px;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;filter:brightness(1);transition:filter .25s ease-out}.about-overlay{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.about-wrapper{display:flex;gap:3rem;max-width:1200px;width:100%;position:relative;z-index:2}.about-image img{width:330px;border-radius:14px;border:2px solid rgba(56,199,255,.35);box-shadow:0 0 18px #00aeff40;transition:transform .3s ease,box-shadow .3s ease}.about-image img:hover{transform:scale(1.03);box-shadow:0 0 30px #00b4ff59}.about-content{max-width:650px}.about-title{font-size:2.8rem;color:var(--accent-color);margin-bottom:1rem}.about-description{margin-bottom:1rem;line-height:1.7;opacity:.9}.spec-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.spec-card{background:#0a0a0a59;padding:1rem;border-radius:10px;border:1px solid rgba(56,199,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .3s ease}.spec-card:hover{transform:translateY(-6px);border-color:var(--accent-color)}.light-theme .about-section:before{content:"";position:absolute;inset:0;background:#ffffff59;-webkit-backdrop-filter:blur(2px) brightness(1.35);backdrop-filter:blur(2px) brightness(1.35);z-index:0;pointer-events:none}@media(max-width:900px){.about-wrapper{flex-direction:column;text-align:center}.about-image img{width:70%;max-width:300px;margin:0 auto}.spec-grid{grid-template-columns:1fr}}.light-theme .about-overlay{background:#ffffff8c;-webkit-backdrop-filter:blur(4px) brightness(1.25);backdrop-filter:blur(4px) brightness(1.25)}.reveal{opacity:0;transform:translateY(20px);filter:blur(3px);animation:revealUp .9s ease forwards}@keyframes revealUp{0%{opacity:0;transform:translateY(20px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.skills-section{position:relative;width:100%;padding:6rem 3rem;background-size:cover;background-repeat:no-repeat;background-position:center -180px;display:flex;justify-content:center;overflow:hidden}@media(max-width:768px){.skills-section{background-position:center -70px!important}}.skills-overlay{position:absolute;inset:0;z-index:1;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.light-theme .skills-overlay{background:#ffffff80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.skills-container{width:100%;max-width:900px;position:relative;z-index:2}.skills-title{text-align:center;font-size:2.8rem;font-weight:800;color:var(--accent-color);margin-bottom:2.5rem;text-shadow:0 0 10px rgba(0,174,255,.4)}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-card{background:#0a0a0a59;border:1px solid rgba(56,199,255,.3);border-radius:14px;padding:1.4rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease}.light-theme .skill-card{background:#ffffff59;border-color:#002f5e40}.skill-card:hover{transform:translateY(-6px);border-color:var(--accent-color)}.skill-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.skill-icon{font-size:1.4rem}.skill-name{font-weight:600;font-size:1.1rem}.skill-value{opacity:.85;font-size:.95rem}.skill-bar{width:100%;height:10px;background:#ffffff1f;border-radius:50px;overflow:hidden}.light-theme .skill-bar{background:#0000001f}.skill-progress{height:100%;background:linear-gradient(90deg,#00aeef,#38c7ff);border-radius:50px;box-shadow:0 0 10px #38c7ff73}@keyframes projectReveal{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.projects-section{position:relative;width:100%;padding:6rem 3rem;background-image:url(/projects-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center}.projects-overlay{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1}.light-theme .projects-overlay{background:#ffffff8c}.projects-container{position:relative;z-index:2;max-width:1100px;width:100%}.projects-title{text-align:center;font-size:2.8rem;color:var(--accent-color);margin-bottom:3rem}.projects-loading{text-align:center;color:var(--accent-color);font-size:1.3rem;margin-bottom:2rem;opacity:.8}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:2rem}.project-card{position:relative;opacity:0;animation:projectReveal .8s ease forwards;background:#0a0a0a59;border:1px solid rgba(56,199,255,.3);padding:1.5rem;border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.project-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% -20%,rgba(0,174,255,.15),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent-color);box-shadow:0 0 20px #38c7ff73}.project-title{font-size:1.4rem;color:var(--accent-color);margin-bottom:.6rem;position:relative;display:inline-block}.project-title:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background:var(--accent-color);transition:width .3s ease}.project-card:hover .project-title:after{width:100%}.project-description{opacity:.85;margin-bottom:1rem;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.project-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.badge{padding:.35rem .6rem;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;background:#38c7ff26;border:1px solid rgba(56,199,255,.4);color:var(--accent-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-stars{background:#ffd70040;border-color:#ffd70066;color:gold}.badge-updated{background:#ffffff26;border-color:#ffffff40;color:var(--text-color)}.light-theme .badge-updated{background:#00000026;border-color:#00000040}.tech-pill{background:#38c7ff33;border:1px solid rgba(56,199,255,.4);padding:.3rem .6rem;border-radius:8px;font-size:.85rem;color:var(--accent-color)}.project-links{display:flex;gap:1rem;margin-top:1rem}.btn-project{padding:.5rem 1rem;border-radius:8px;background:var(--accent-color);color:#000;text-decoration:none;font-weight:600;transition:.3s ease}.btn-project:hover{background:#38c7ff}.btn-project.secondary{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color)}.btn-project.secondary:hover{background:#00aeff33;color:#fff}@media(max-width:500px){.projects-section{padding:4rem 1.5rem}.projects-title{font-size:2.2rem}}.popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease forwards}.popup-box{background:#0a0a0ad9;border:1px solid var(--accent-color);padding:2rem;border-radius:12px;max-width:380px;width:90%;text-align:center;animation:popupUp .4s ease forwards}.light-theme .popup-box{background:#fffffff2}.popup-title{font-size:1.6rem;margin-bottom:.5rem;color:var(--accent-color)}.popup-text{opacity:.85;margin-bottom:1.5rem}.popup-button{background:var(--accent-color);border:none;padding:.8rem 1.6rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s ease}.popup-button:hover{background:#38c7ff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.contact-section{position:relative;width:100%;padding:6rem 2rem;background-image:url(/contact-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}.contact-section:before{content:"";position:absolute;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.contact-overlay{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.light-theme .contact-overlay{background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contact-container{position:relative;z-index:2;max-width:850px;margin:0 auto;padding:3rem 2.5rem;background:#0a0a0a73;border:1px solid rgba(56,199,255,.3);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 25px #00aeff2e}.contact-title{font-size:2.8rem;font-weight:700;text-align:left;margin-bottom:2rem;color:var(--accent-color)}.contact-form label{font-size:1.1rem;font-weight:600;color:var(--text-color)}.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1.2rem;margin-top:.4rem;margin-bottom:1.5rem;background:#00000059;border:1px solid rgba(56,199,255,.25);border-radius:10px;color:var(--text-color);font-size:1rem;transition:border-color .3s ease,background .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-color);background:#00000073}textarea{height:160px;resize:none}.contact-btn{width:230px;margin:0 auto;display:block;padding:.9rem 0;font-size:1.1rem;font-weight:700;text-align:center;background:var(--accent-color);color:#000;border-radius:12px;border:none;cursor:pointer;transition:transform .25s ease,background .25s ease}.contact-btn:hover{transform:translateY(-3px);background:#38c7ff}.contact-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.contact-container{padding:2rem 1.5rem}.contact-title{font-size:2.2rem;text-align:center}.contact-btn{width:100%}}.footer{width:100%;background:var(--footer-bg);padding:3.5rem 2rem;text-align:center;position:relative;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-top:1px solid rgba(0,174,255,.15);box-shadow:0 -5px 25px #00aeff14;animation:footerFadeIn .9s ease-out forwards;opacity:0;color:var(--footer-text)}.footer:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,174,255,.06) 0px,rgba(0,174,255,.06) 1px,transparent 1px,transparent 8px);opacity:.35;pointer-events:none;animation:telemetryMove 12s linear infinite}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-line{width:100%;height:4px;background:linear-gradient(to right,#00aeef,#002f5e);margin-bottom:2rem;animation:breathing 4s ease-in-out infinite alternate}@keyframes breathing{0%{filter:drop-shadow(0 0 2px #00AEEF)}to{filter:drop-shadow(0 0 8px #00AEEF)}}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.7rem}.footer-logo{font-size:2.4rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px rgba(0,174,255,.4)}.footer-text{font-size:1rem;opacity:.9;line-height:1.6}.footer-socials{display:flex;gap:1.7rem;margin-top:.8rem}.footer-icon{font-size:2rem;color:var(--accent-color);transition:transform .25s ease,color .25s ease,text-shadow .25s ease}.footer-icon:hover{transform:translateY(-6px) scale(1.08);color:#38c7ff;text-shadow:0 0 12px rgba(56,199,255,.9)}.footer-copy{margin-top:1.8rem;font-size:.9rem;opacity:.75;letter-spacing:.4px;transition:opacity .3s ease}.footer-copy:hover{opacity:1}.light-theme .footer{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -5px 25px #002f5e26}.light-theme .footer-logo{text-shadow:0 0 10px rgba(0,47,94,.35)}.light-theme .footer-icon:hover{color:#002f5e;text-shadow:0 0 10px rgba(0,47,94,.6)}@keyframes telemetryMove{0%{transform:translate(0)}to{transform:translate(-200px)}}.footer:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00aeff66,#38c7ff26,#002f5e4d);opacity:.7;animation:pulseBar 4s ease-in-out infinite alternate}@keyframes pulseBar{0%{opacity:.25}to{opacity:.75}}.back-to-top{position:fixed;bottom:35px;right:35px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:1.4rem;border:none;border-radius:50%;cursor:pointer;background:var(--backtotop-bg);color:var(--backtotop-color);box-shadow:0 0 14px var(--backtotop-hover-shadow);opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:opacity .4s ease,transform .3s ease,background .25s ease,box-shadow .25s ease;z-index:999}.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{transform:translateY(-6px) scale(1.08);background:var(--backtotop-hover-bg);box-shadow:0 0 22px var(--backtotop-hover-shadow)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-color);color:var(--text-color);font-family:var(--font-primary);overflow-x:hidden}a{text-decoration:none;color:inherit}section{padding:80px 20px}:root{--bg-color: #0A0A0A;--text-color: #F2F4F8;--accent-color: #00AEEF;--secondary-color: #002F5E;--highlight-color: #38C7FF;--font-primary: "Poppins", sans-serif}.light-theme{--bg-color: #F2F4F8;--text-color: #002F5E;--accent-color: #00AEEF;--secondary-color: #002F5E;--highlight-color: #38C7FF}