#root{max-width:100%;margin:0 auto;padding:0;text-align:center}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.container{width:90%;max-width:1000px;margin:0 auto}:focus-visible{outline:3px solid #00bcd4;outline-offset:3px;border-radius:4px}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:3px solid #00bcd4;outline-offset:3px;border-radius:4px}.header{width:100%;display:flex;justify-content:center;align-items:center;margin:0;overflow:visible;position:fixed;top:0;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);box-shadow:0 2px 5px #0000004d;z-index:10;opacity:.95}.navbar{width:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem}.navbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;position:relative}.logo-container{display:inline-block;text-align:center}.logo-container h2,.logo-container p{margin:0;padding:0;line-height:1.1}.logo-name{font-size:1.6rem;color:#fff;font-weight:700;text-decoration:none}.logo-atr{text-transform:uppercase;letter-spacing:4px;font-size:.8rem;color:#00bcd4;font-weight:700;text-decoration:none}.desktop-nav{display:none;align-items:center}.desktop-nav ul{display:flex;gap:2rem;margin:0;padding:0;list-style:none;margin-right:1rem}.desktop-nav a{color:#f0f0f0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.desktop-nav a:hover{color:#00bcd4}.desktop-nav a.active,.mobile-nav a.active{color:#00bcd4;border-bottom:2px solid #00bcd4;transition:color .3s ease,border-bottom .3s ease}.flag-icons{display:flex;gap:.5rem;align-items:center}.flag-icons img{width:28px;height:28px;object-fit:cover;cursor:pointer;padding:1px;border-radius:50%;border:2px solid #00bcd4;transition:transform .2s ease,opacity .2s ease}.flag-icons img:hover{opacity:.8;transform:scale(1.1)}.mobile-menu{display:flex;align-items:center;z-index:20;position:relative}.mobile-menu.hidden{display:none}.menu-toggle{background:none;border:none;cursor:pointer}.menu-toggle{z-index:1002;position:relative}a:focus,.menu-toggle:focus{outline:2px solid #00bcd4;outline-offset:2px}.menu-toggle svg{color:#f0f0f0;width:28px;height:28px}.menu-toggle svg:hover{color:#f0f0f0;opacity:.8;transform:scale(1.1)}.mobile-nav{position:fixed;top:80px;left:0;right:0;padding:2rem 1rem;background-color:#203a43;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:1001}.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav.closing,.mobile-nav.closed{transform:translateY(-100%);opacity:0;pointer-events:none}.close-menu{align-self:flex-end;background:none;border:none;font-size:2rem;color:#f0f0f0;cursor:pointer;margin-bottom:1rem;transition:color .3s ease}.close-menu:hover{color:#00bcd4}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:-1}.mobile-nav li{margin:1.2rem 0}.mobile-nav a{text-decoration:none;font-size:1.2rem;color:#f0f0f0;font-weight:500;transition:color .3s ease}.mobile-nav a:hover{color:#00bcd4}.mobile-flags{margin-top:1rem;justify-content:center}.hide-button{display:none}@media (min-width: 768px){.desktop-nav{display:flex}.mobile-menu,.mobile-nav{display:none}}#hero{padding:4rem 2rem;position:relative;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hero-bg-illustration{position:absolute;top:80px;left:0;width:100%;height:100%;object-fit:cover;opacity:.1;z-index:0}.hero-container{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:1200px;box-sizing:border-box;gap:2rem;padding:0 1rem}.hero-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(720px,60%);max-width:720px;gap:clamp(.75rem,1.5vw,1.5rem);padding:clamp(1rem,3vw,2rem);box-sizing:border-box;position:relative;z-index:1}@media (max-width: 900px){.hero-box{width:100%;padding:1rem;gap:1rem}}@media (max-width: 600px){.hero-box{padding:.75rem;gap:.75rem}}h1.hero-text{font-size:clamp(2rem,4vw,6rem);font-weight:600;line-height:1.2;margin:0;text-align:left;align-self:flex-start;width:100%}.accent-color{color:#00bcd4}.hero-text span{display:inline-block;margin-right:12px;opacity:0;animation:fadeInUp .6s ease forwards}.hero-text span:nth-child(1){animation-delay:.2s}.hero-text span:nth-child(2){animation-delay:.4s}.hero-text span:nth-child(3){animation-delay:.6s}.hero-box p{margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;text-align:left;align-self:flex-start;width:100%;opacity:.8;animation:fadeInUp 1s ease forwards;animation-delay:.8s}.hero-avatar{width:65%;max-width:400px;border-radius:11px;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 15px #0003;z-index:1000;opacity:1}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;align-self:flex-start}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:11px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.btn-white{background-color:#fff;color:#2c5364}.btn-white:hover{background-color:#ddd}.btn-blue{background-color:#2c5364;color:#fff}.btn-blue:hover{background-color:#1e3a4c}.scroll-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;animation:fadeInUp 1.5s ease forwards;animation-delay:1s;opacity:0}.scroll-container span{font-size:1em;text-align:center}.scroll-container svg{font-size:1em;margin:.5rem auto 0;animation:bounce 2s infinite;display:block}@media (max-width: 800px){.hero-text-box a{padding:.6rem 1.2rem;font-size:.95rem;box-shadow:0 4px 6px #0000001a}.image-box,.scroll-container{display:none}.hero-buttons{align-self:center}}#about{padding:6rem 2rem;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-main-heading{text-align:center;margin-bottom:2rem}.about-heading{font-size:2.5rem;color:#fff}.about-heading-span{color:#00bcd4}.about-me-info{max-width:800px;margin:0 auto 3rem;text-align:center}.about-me-info-heading{font-size:1.75rem;margin-bottom:1rem;color:#fff}.about-me-info-paragraph{font-size:1.1rem;color:#d0d0d0;line-height:1.6;margin-bottom:1rem;text-align:left}.about-me-info-buttons{display:inline-block;margin:.5rem;padding:.75rem 1.5rem;background-color:#00bcd4;color:#0f2027;text-decoration:none;border-radius:11px;font-weight:500;transition:background-color .3s ease}.about-me-info-buttons:hover{background-color:#0097a7}.about-info-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.about-info-container-box{flex:1 1 250px;background-color:#ffffff0d;padding:1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 12px #0003;text-align:center;transition:transform .3s ease}.about-info-container-box:hover{transform:translateY(-5px)}.about-info-container-icon-box{display:flex;justify-content:center;margin-bottom:1rem}.about-info-container-icon-box svg{width:40px;height:40px;color:#00bcd4}.about-info-container-text p{text-align:left;max-width:80%;margin:0 auto}.about-info-container-box h4{font-size:1.2rem;color:#fff;margin-bottom:.5rem}.about-info-container-box p{font-size:.95rem;color:#d0d0d0;line-height:1.5}@media (max-width: 767px){#about{padding:2.5rem 1rem}.about-main-heading{margin-bottom:1.25rem}.about-heading{font-size:1.8rem;line-height:1.15}.about-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.about-me-info{width:100%;max-width:720px;text-align:center;padding:0 .5rem}.about-me-info-heading{margin-bottom:.5rem;font-size:1.1rem}.about-me-info-paragraph{margin-bottom:.75rem;font-size:.98rem;line-height:1.5}.about-me-info-buttons-container{display:flex;flex-direction:column;gap:.6rem;align-items:center;margin-top:.75rem}.about-me-info-buttons{width:100%;max-width:320px;padding:.6rem .9rem;border-radius:8px;text-align:center}.about-info-container{width:100%;max-width:720px;display:grid;grid-template-columns:1fr;gap:.9rem;padding:0 .5rem}.about-info-container-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.85rem;border-radius:10px}.about-info-container-icon-box{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.about-info-container-icon-box svg{width:36px;height:36px}.about-info-container-text h4{margin:0;font-size:1rem}.about-info-container-text p{margin:0;font-size:.95rem;color:#dfe7ea}}.skills-section{padding:6rem 2rem;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f0f0f0}.container{max-width:800px;margin:0 auto}.skills-section h2{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:#fff}.skills-section h2 span{color:#00bcd4}.category-buttons{margin:1rem 0;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.category-button{padding:.5rem 1rem;border:none;background-color:#ffffff1a;color:#f0f0f0;cursor:pointer;border-radius:4px;transition:background-color .3s,transform .2s ease}.category-button:hover{background-color:#fff3;transform:scale(1.05)}.category-button.active{background-color:#00bcd4;color:#0f2027}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.skill-item{background-color:#ffffff0d;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0003;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:var(--delay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.progress-bar-container{background-color:#ffffff1a;height:20px;border-radius:10px;overflow:hidden;position:relative;margin-top:.5rem}.progress-bar{height:100%;background-color:#00bcd4;width:0%;animation:fillBar 1s ease-out forwards;position:relative}.progress-bar:after{content:attr(data-label);position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#0f2027;font-size:.8rem;font-weight:700}@keyframes fillBar{0%{width:0%}to{width:var(--skill-level)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#projects{padding:6rem 2rem;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f0f0f0;text-align:center}.projects-container{max-width:1200px;margin:0 auto}.projects-main-heading{font-size:2.5rem;margin-bottom:1rem}.projects-main-heading-span{color:#00bcd4}.projects-main-paragraph{font-size:1.1rem;color:#d0d0d0;max-width:700px;margin:0 auto 2rem;line-height:1.6;text-align:left}.projects-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.projects-card{background-color:#ffffff0d;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.projects-card:hover{transform:translateY(-5px)}.projects-card-image-box{width:100%;height:180px;overflow:hidden}.projects-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.projects-card:hover .projects-card-image{transform:scale(1.05)}.projects-card-tag{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.projects-card-tag span{background-color:#00bcd4;color:#0f2027;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.project-description{padding:.5rem}.projects-card h3{font-size:1.3rem;margin:1rem 0 0;padding:0 1rem 1rem;text-align:left}.projects-card p{padding:0 1rem 1rem;font-size:.95rem;color:#d0d0d0;line-height:1.5;text-align:left}.projects-card-links{display:flex;justify-content:center;gap:1rem;padding-bottom:1rem}.projects-card-links a{color:#00bcd4;transition:color .3s ease}.projects-card-links a:hover{color:#fff}#projects>.projects-container>div:last-child{margin-top:2rem}#projects a[target=_blank]{display:inline-flex;align-items:center;gap:.5rem;color:#00bcd4;font-weight:500;text-decoration:none;transition:color .3s ease}#projects a[target=_blank]:hover{color:#fff}#contact{padding:6rem 2rem;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-main-heading{font-size:2.5rem;text-align:center;margin-bottom:1rem}.contact-main-heading-span{color:#00bcd4}.contact-main-paragraph{text-align:left;max-width:700px;margin:0 auto 2rem;font-size:1.1rem;color:#d0d0d0;line-height:1.6}.contact-info-container{max-width:800px;margin:0 auto}.contact-secondary-heading{font-size:1.5rem;margin-bottom:1rem;color:#fff}.contact-container-boxes{display:flex;flex-direction:column;gap:1rem}.contact-container-box{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;background-color:#ffffff0d;padding:1rem;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0003}.contact-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact-container-box-content{display:flex;flex-direction:column;justify-content:center;align-items:start}.contact-icon-container svg{color:#00bcd4;width:32px;height:32px}.contact-container-box h4{margin:0;font-size:1rem;color:#fff}.contact-container-box a{color:#d0d0d0;text-decoration:none;font-size:.95rem}.contact-container-box a:hover{color:#00bcd4}.contact-social-container{margin-top:3rem}.contact-social-heading{font-size:1.2rem;margin-bottom:1rem}.contact-social-container div{display:flex;justify-content:center;gap:24px}.contact-social-icon{margin-right:1rem;color:#00bcd4;transition:color .3s ease}.contact-social-icon:hover{color:#fff}.contact-form{margin-top:4rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-form-heading{font-size:1.5rem;margin-bottom:1rem}.contact-form-cell{margin-bottom:1rem;display:flex;flex-direction:column}.contact-form-cell input:focus,.contact-form-cell textarea:focus,.contact-form-button:focus,.contact-social-icon:focus{outline:2px solid #00bcd4;outline-offset:2px}.contact-form-cell label{margin-bottom:.5rem;text-align:left;font-weight:500}.contact-form-cell input,.contact-form-cell textarea{padding:.75rem;border-radius:6px;border:none;background-color:#ffffff1a;color:#f0f0f0;font-size:1rem;resize:vertical}.contact-form-cell input::placeholder,.contact-form-cell textarea::placeholder{color:#ccc}.contact-form-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#00bcd4;color:#0f2027;border:none;border-radius:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.contact-form-button:hover{background-color:#0097a7}.contact-form-cell input,.contact-form-cell textarea,.contact-form-button{transition:background-color .3s ease,color .3s ease}@media (min-width: 768px){.contact-container-boxes{flex-direction:row;justify-content:space-between}.contact-container-box{flex:1}}@media (max-width: 480px){#contact{padding:2rem 1rem}}._footer_jyckf_1{background-color:#0f2027;color:#f0f0f0;text-align:center;padding:2rem 1rem;font-size:.9rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;border-top:1px solid rgba(255,255,255,.1)}._footer_jyckf_1 p{margin:0}._footer_jyckf_1 a{display:inline-block;margin-top:1rem;color:#00bcd4;transition:color .3s ease,transform .3s ease}._footer_jyckf_1 a:hover{color:#fff;transform:translateY(-4px)}._footer_jyckf_1 a:focus-visible{outline:3px solid rgba(0,188,212,.25);outline-offset:3px;border-radius:4px}