@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-size:1.1rem!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:1rem!important}.main-container{background-color:#0d1116;position:relative}a{text-decoration:none}a:hover{color:#2b98c2}a,button,h1,h2,h3,h4,h5,label,p{color:#fff;font-family:Montserrat,sans-serif;font-weight:400}h1{font-weight:600}h2{font-weight:400}h3{font-weight:600}.navigation-bar{background-color:#0d1116}.navigation-bar button{font-family:Inter,sans-serif;font-size:1.1rem;padding:6px 10px;text-transform:none}.navigation-bar svg{cursor:pointer}.navigation-bar-responsive p,.navigation-bar-responsive span{color:#0d1116;font-family:Inter,sans-serif}.container{align-items:center;background:linear-gradient(#0a0e12,#0d1116);display:flex;flex-direction:column;justify-content:center;width:100%}.header-image,.header-image img{height:450px;width:100%}.header-image img{object-fit:cover}.mobile-menu-top{align-items:center;font-weight:700;gap:5px}.items-container,.mobile-menu-top{display:flex;justify-content:center}.items-container{flex-direction:column;padding:5% 10%;text-align:left}.dark-mode .about-section2,.dark-mode .container{background-color:#0d1116}.light-mode{background-color:#f5f5f7}.light-mode .container{background:#f5f5f7}.light-mode .navigation-bar{background-color:#f5f5f7}.light-mode a,.light-mode button,.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode label,.light-mode p{color:#000}.light-mode p{color:#c2c2c2}.light-mode a:hover{color:#2b98c2}.light-mode .navigation-bar svg{color:#0d1116}.light-mode .about-section{background-color:#06101e}.light-mode .skills-container svg{color:#0d1116}.light-mode .vertical-timeline:before{background-color:#00000014}.light-mode .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.light-mode .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{color:gray}.light-mode .vertical-timeline-element-content-arrow{border-right:10px solid #000}.light-mode .flex-chips .chip-title{color:#160d13}@media screen and (max-width:768px){.items-container{padding:5%}}.about-section .inner-container .content h1,.about-section .inner-container .content p{font-family:Inter,sans-serif}.navigation-bar{align-items:center;display:flex;justify-content:space-between;margin:.5% auto;max-width:2400px;padding:0 2rem;width:100%}.navigation-bar .MuiBox-root{align-items:center;display:flex!important;gap:.5rem;justify-content:flex-end}.navigation-bar .MuiBox-root button{font-size:1rem;min-width:auto;padding:.5rem 1rem;white-space:nowrap}@media(min-width:600px){.navigation-bar .MuiBox-root{align-items:center;display:flex!important;gap:0;justify-content:flex-end;margin-left:auto}.navigation-bar .MuiBox-root button{font-size:.85rem;min-width:auto;padding:.25rem .35rem;white-space:nowrap}}@media(min-width:630px){.navigation-bar .MuiBox-root{align-items:center;display:flex!important;gap:.3rem;justify-content:flex-end}.navigation-bar .MuiBox-root button{font-size:1rem;min-width:auto;padding:.5rem 1rem;white-space:nowrap}}@media(min-width:730px){.navigation-bar .MuiBox-root{gap:.5rem}.navigation-bar .MuiBox-root button{font-size:1rem;padding:.5rem 1rem}}@media(min-width:760px){.navigation-bar .MuiBox-root{gap:.5rem}.navigation-bar .MuiBox-root button{font-size:1rem;padding:.5rem 1rem}}@media(max-width:760px){.navigation-bar{padding:0 1rem}.navigation-bar .MuiBox-root{display:none!important}}.navbar-fixed-top{background-color:#0d1116!important;box-shadow:none!important;transition:all .3s ease-in-out}.navbar-fixed-top.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0d1116!important;box-shadow:0 10px 30px -10px #0000004d!important}.light-mode .navbar-fixed-top,.light-mode .navbar-fixed-top.scrolled{background-color:#f5f5f7!important}.light-mode .navbar-fixed-top.scrolled button{color:#0a192f!important}.light-mode .navbar-fixed-top.scrolled svg{color:#0a192f}.navigation-bar-responsive .mobile-menu-top{align-items:center;color:#0a192f;display:flex;font-size:1.2rem;gap:.5rem;justify-content:center;margin:1rem 0}footer{background-color:#000000de;border-top:1px solid #ffffff1a;padding:1.5rem 0}footer svg{height:1.1em!important;margin-right:10px;width:1.1em!important}footer .footer-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}footer .footer-content p{color:#fff;font-size:.9rem;letter-spacing:.5px;margin:0;transition:color .3s ease}footer .footer-content p:hover{color:#2b98c2}.light-mode footer{background-color:#fff;border-top:1px solid #0000001a}.light-mode footer .footer-content p{color:#000}.light-mode footer .footer-content p:hover{color:#2b98c2}.inner-container{gap:80px;overflow:visible;padding-left:2%;padding-right:2%}@media(max-width:1200px){.inner-container .image-wrapper{display:flex;justify-content:center;margin:0;width:100%}}.image-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:3%}.image-wrapper img{border:4px solid #fff;border-radius:50%;transition:transform .3s ease;width:320px}.image-wrapper img:hover{transform:scale(1.02)}@media(max-width:1200px){.image-wrapper{margin-left:0;margin-right:0;width:100%}.image-wrapper img{max-width:320px;min-width:180px;width:280px;width:26.6666666667vw}}@media(max-width:768px){.image-wrapper img{width:min(55vw,280px)}}@media(max-width:480px){.image-wrapper img{width:min(65vw,240px)}}.dark-mode .about-section{background-color:#0003}.dark-mode .about-section .inner-container .content p{color:#cacaca}.mobile_social_icons svg,.social_icons svg{color:#2b98c2;font-size:clamp(1.8rem,2.5vw,2.2rem);transition:color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mobile_social_icons svg:hover,.social_icons svg:hover{color:#00739d;transform:translateY(-3px)}@media(max-width:420px){.about-section .inner-container .content{font-size:.9rem!important}}.about-section{background-image:url(/static/media/bg_dark.20f35071f6326d32ae16.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;height:700px;margin:120px 0 0;overflow:hidden;width:100%}.about-section,.about-section .inner-container{align-items:center;display:flex;justify-content:center;position:relative}.about-section .inner-container{flex-direction:column-reverse;height:100%;margin:0 auto;overflow:visible;padding:2rem 5%;text-align:center;width:min(92vw,1800px)}.about-section .inner-container .content{align-items:center;display:flex;flex-direction:column;z-index:2}.about-section .inner-container .content .social_icons{display:none;gap:20px}.about-section .inner-container .content .social_icons svg{font-size:2.2em}.about-section .inner-container .content .mobile_social_icons{display:flex;gap:15px;justify-content:center;margin-top:1rem}.about-section .inner-container .content .mobile_social_icons svg{color:#2b98c2;font-size:2em}.about-section .inner-container .content h1{font-family:Inter,sans-serif;font-size:clamp(3.5rem,8vw,5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;padding:0;text-align:center}.about-section .inner-container .content p{color:#414141;font-family:Inter,sans-serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400;letter-spacing:-.01em;line-height:1.4;margin:1.5rem 0;max-width:600px}.about-section .inner-container .content .connect-button{align-items:center;align-self:flex-start;background-color:#2b98c2;border:3px solid #2b98c2;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;gap:10px;padding:12px 28px;transition:all .3s ease}.about-section .inner-container .content .connect-button:hover{background-color:#00739d;border:3px solid #00739d;color:#fff;transform:translateY(-3px)}@media(min-width:1601px){.about-section .inner-container .content .social_icons svg{font-size:2.8em;transition:color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}}@media(min-width:1201px)and (max-width:1600px){.about-section .inner-container .content .social_icons svg{font-size:2.4em}}.about-section .inner-container .image-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:3%;z-index:2}.about-section .inner-container .image-wrapper img{border:6px solid #fff;border-radius:50%;width:320px}@media(max-width:1200px){.about-section .inner-container{flex-direction:column-reverse;gap:3rem;height:auto;min-height:700px;padding:3rem 5%;text-align:center}.about-section .inner-container .image-wrapper{display:flex;justify-content:center;margin:0 auto;width:100%}.about-section .inner-container .image-wrapper img{max-width:320px;min-width:180px;width:26.6666666667vw}.about-section .inner-container .content{align-items:center;margin-top:0;width:100%}.about-section .inner-container .content .social_icons{display:none}.about-section .inner-container .content .mobile_social_icons{display:flex;gap:15px;justify-content:center;margin-top:1rem}.about-section .inner-container .content h1,.about-section .inner-container .content p{margin-left:0;text-align:center}.about-section .inner-container .content h1{margin-top:1rem}.about-section .inner-container .content .connect-button{margin:1rem auto}}@media(max-width:768px){.about-section .inner-container{height:auto;margin-bottom:80px;margin-top:80px;min-height:600px;padding:2rem 4%}}@media(max-width:480px){.about-section .inner-container{gap:2rem;margin-top:80px;padding:2rem 3%}.about-section .inner-container .content h1{font-size:clamp(2.5rem,6vw,3rem)}.about-section .inner-container .content p{font-size:1.1rem;padding:0 .5rem}}@media(min-width:1201px){.about-section .inner-container{flex-direction:row;gap:120px;padding:2rem 3%;text-align:left}.about-section .inner-container .content{align-items:flex-start;flex:1 1;max-width:800px}.about-section .inner-container .content h1,.about-section .inner-container .content p{text-align:left}.about-section .inner-container .content .social_icons{display:flex;margin-left:-4px}.about-section .inner-container .content .mobile_social_icons{display:none}}.about p{padding-bottom:30%;padding-top:30%;text-align:center}@media screen and (max-width:567px){.nav-left{float:left;padding-top:20px}.nav-left img{height:35px}.nav-right{float:right}.nav-right li{color:#fff;font-size:13px;list-style:none;padding:10px 15px;width:10%}.nav-right ul{list-style-type:none;margin:0;padding:0}body{width:100%}.about{font-size:12px;padding-left:5%;padding-right:5%}}@media screen and (max-width:1200px){.about-section h1{font-size:4em!important;text-align:center}.about-section p{text-align:center}.container{display:inline;display:initial}.social_icons{display:none!important}.mobile_social_icons{color:#fff;display:flex!important;flex-direction:row;gap:10px;justify-content:center;padding-top:10px}.mobile_social_icons svg{font-size:1.8em}.about-section{justify-content:center;padding-left:0;padding-right:0;padding-top:150px}.about-section,.about-section .inner-container{align-items:center;display:flex;flex-direction:column}.about-section .inner-container{gap:0;padding-left:5%;padding-right:5%;text-align:center;width:auto}.about-section .inner-container .connect-button{margin-left:auto;margin-right:auto}.about-section .image-wrapper{display:flex;justify-content:center;margin-left:0;order:-1;padding-left:0;width:auto}}.contact-dialog .dialog-paper{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#000;padding:16px}.contact-dialog .dialog-title{align-items:center;display:flex;justify-content:space-between;padding:0 0 16px}.contact-dialog .dialog-title .title-content{align-items:center;display:flex;gap:8px}.contact-dialog .dialog-title .close-button{color:#000000b3;margin:-8px;padding:8px}.contact-dialog .dialog-title .close-button:hover{color:#000000e6}.contact-dialog .dialog-content{padding:0 0 16px}.contact-dialog .dialog-content .form-description{color:#000000b3;margin-bottom:16px}.contact-dialog .dialog-content .dialog-input{margin:8px 0}.contact-dialog .dialog-content .dialog-input .input-icon{color:#000000b3;margin-right:8px}.contact-dialog .dialog-actions{padding:8px 0 0}.contact-dialog .dialog-actions .submit-button{align-items:center;background-color:#2b98c2;color:#fff;display:flex;justify-content:center;padding:10px;width:100%}.contact-dialog .dialog-actions .submit-button:hover{background-color:#227798}.contact-dialog .MuiInputBase-input,.contact-dialog .MuiInputLabel-root,.contact-dialog .close-button,.contact-dialog .form-description,.contact-dialog .input-icon,.contact-dialog .title-content{color:#000}.contact-dialog .MuiOutlinedInput-root fieldset{border-color:#0000003b}.contact-dialog .MuiOutlinedInput-root:hover fieldset{border-color:#00000080}.contact-dialog .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#2b98c2}.about-section{color:#fffc;padding:6rem 0}.about-section h1{color:#fff;display:inline-block;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.about-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.about-section2{color:#fffc;padding:6rem 0}.about-section2 h1{color:#fff;display:inline-block;font-size:2.5rem;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%)}.about-section2 h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}@media screen and (max-width:768px){.about-section2 h1{font-size:2rem!important;margin-bottom:2rem}}.about-container{margin:0 auto;max-width:1200px;padding:0 2rem}.about-content{display:flex;flex-direction:column;gap:4rem;justify-content:center}@media(max-width:768px){.about-content{flex-direction:column;gap:2rem}}.about-text .intro{color:#fff;font-size:1.5rem;font-weight:500;line-height:1.6;margin-bottom:2.5rem;text-align:left}.about-details{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3rem}.about-details .detail-section{border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 1px 10px #0003;padding:2rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.about-details .detail-section:hover{transform:translateY(-5px)}.about-details .detail-section h3{align-items:center;color:#2b98c2;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;justify-content:flex-start;margin-bottom:1rem;margin-top:0}@media(max-width:768px){.about-details .detail-section h3{display:block;justify-content:center;text-align:center}}.about-details .detail-section h3 svg{color:#2b98c2}.about-details .detail-section p{color:#fffc;font-weight:500;line-height:1.6;margin:0}@media(max-width:768px){.about-details .detail-section p{-webkit-hyphens:auto;hyphens:auto;text-align:justify;text-justify:inter-word}}.about-details .detail-section ul{list-style:none;margin:0;padding:0}.about-details .detail-section ul li{color:#fffc;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.about-details .detail-section ul li:before{color:#2b98c2;content:"→";left:0;position:absolute}@media(max-width:768px){.about-details .detail-section,.about-details .detail-section h3{text-align:center}}.personal-info{background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:10px;margin:5rem auto 2rem;max-width:600px;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease}.personal-info:hover{background-color:#0f2444e6;border-color:#2b98c24d;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.personal-info span{font-family:Montserrat,sans-serif}.personal-info .info-item{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;margin-bottom:1rem;max-width:90%;padding-bottom:1rem}.personal-info .info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.personal-info .info-item .label{color:#ffffffb3;flex:0 0 120px;font-weight:700;word-break:break-all}.personal-info .info-item .value{color:#2b98c2;font-weight:500;text-align:left;width:100%;word-break:break-all}.light-mode .about-section{background-attachment:fixed;background-color:#fff;background-image:url(/static/media/bg_light.ee64b0147d60f4dddb14.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.light-mode .about-section h1{color:#000}.light-mode .about-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000)}.light-mode .about-section2{background:#f5f5f7;color:#2d3748}.light-mode .about-section2 h1{color:#0a192f}.light-mode .about-section2 h1:after{background:linear-gradient(90deg,#0000,#2488af,#0000)}.light-mode .about-text .intro{color:#222;font-size:1.5rem}.light-mode .about-details .detail-section{background-color:#fffffff2;border:1px solid #0000001a}.light-mode .about-details .detail-section:hover{border-color:#0003}.light-mode .about-details .detail-section h3,.light-mode .about-details .detail-section h3 svg{color:#2b98c2}.light-mode .about-details .detail-section p{color:#6e6e6e;font-weight:500}.light-mode .about-details .detail-section ul li{color:#2d3748}.light-mode .about-details .detail-section ul li:before{color:#2b98c2}.light-mode .personal-info{background-color:#fffffff2;border:1px solid #00000026}.light-mode .personal-info:hover{border-color:#0003}.light-mode .personal-info .info-item{border-bottom-color:#0000001a}.light-mode .personal-info .info-item .label{color:#4a5568}.light-mode .personal-info .info-item .value{color:#2b98c2}@media(max-width:768px){.about-section{padding:4rem 0}.about-section h1{font-size:1.3rem;margin-bottom:2rem}.about-content{flex-direction:column;gap:2rem}.about-details{gap:1.5rem}.about-details .detail-section{padding:1.5rem}.about-details .detail-section h3{font-size:1.2rem}}.skills-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:100%;overflow-x:hidden;padding:4rem 0;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease;width:min(92vw,1800px)}.skills-container h5{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.skills-container h5 .section-icon{color:#2b98c2;font-size:1rem}.skills-container h1{color:#fff;font-size:2.5rem;margin-bottom:3rem;position:relative}.skills-container h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:200px}@media screen and (max-width:768px){.skills-container h1{font-size:2rem;margin-bottom:2rem}}.skills-container h1 svg{color:#2b98c2}@media(max-width:768px){.skills-container h1{padding:4rem 5%;width:100%}.skills-container h1:after{width:150px}}.skills-container .skills-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:center;max-width:1600px;padding-bottom:50px}@media(max-width:1200px){.skills-container .skills-grid{grid-gap:30px;grid-template-columns:repeat(2,minmax(350px,1fr))}}@media(max-width:768px){.skills-container .skills-grid{grid-gap:60px;grid-template-columns:minmax(300px,100%);margin-bottom:60px}}.skills-container .skills-grid .skill{align-items:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:20px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:space-between;max-width:500px;padding:30px;text-align:left;transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease;width:100%}.skills-container .skills-grid .skill:hover{background-color:#0f2444e6;border-color:#2b98c24d;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}@media(max-width:768px){.skills-container .skills-grid .skill{margin:15px 0;padding:30px}}.skills-container .skills-grid .skill .skill-header{align-self:left;text-align:left;word-break:break-word}.skills-container .skills-grid .skill p{color:#8892b0;flex-grow:1;font-size:1.4rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem;text-align:left}.skills-container .skills-grid .skill h5{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:900;gap:.5rem;margin-bottom:1rem;margin-top:1rem;word-break:break-all}.skills-container .skills-grid .skill .flex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.skills-container .skills-grid .skill p{color:#fff}.skill-header{align-items:center;display:flex;gap:1.3rem;justify-content:center}.skill-header .skill-icon{align-items:center;font-size:2.5em}.skill-header h3{align-items:center;color:#fff;font-size:1.4rem;font-weight:900;margin:0}.chip{background-color:#2b98c21a!important;box-shadow:0 4px 6px #0000001a;color:#2b98c2!important;cursor:pointer;font-size:.8rem!important;height:25px!important;transition:transform .2s ease,background-color .3s ease}.chip span{border:1px solid #2b98c233;border-radius:15px;color:#2b98c2;font-family:Montserrat,sans-serif;font-weight:600}.chip svg{align-self:left;height:15px!important}.chip:hover{background-color:#2b98c233!important;transform:scale(1.1)}.light-mode .skills-container h1{color:#0a192f}.light-mode .skills-container h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000)}.light-mode .skills-container .skills-grid .skill{background-color:#fffffff2;border:1px solid #0000001a;color:#2d3748;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.light-mode .skills-container .skills-grid .skill:hover{border-color:#0003;box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.light-mode .skills-container .skills-grid .skill p{color:#222}.light-mode .skills-container .skills-grid .skill h3{color:#000}.light-mode .skills-container .skills-grid .skill h5{color:#000;font-weight:600}.light-mode .chip{background-color:#2b98c21a!important;border-color:#2b98c233}.light-mode .chip:hover{background-color:#2b98c233!important}.flex-chips{display:flex;flex-wrap:wrap;gap:8px;line-height:2;margin:.5}@media(max-width:480px){.flex-chips{gap:6px}}.flex-chips .chip-title{font-family:Montserrat,sans-serif}.flex-chips .MuiChip-root{margin-right:.5em}@media(max-width:480px){.flex-chips .MuiChip-root{font-size:.7rem!important;margin-right:.3em}}.flex-chips .MuiChip-outlined{background-color:#e0e0e0;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex-chips .MuiChip-outlined span{color:#272822}@media screen and (max-width:768px){.skills-container{display:block;padding-left:5%;padding-right:5%}.skills-container .skills-grid{display:inline;display:initial}.skills-container .skills-grid .skill{padding-bottom:5%}}@media(max-width:567px){.skills{font-size:12px}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.timeline-section{align-items:center;display:flex;min-height:auto;padding:6rem 0;position:relative}.timeline-section:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.timeline-section .timeline-container{margin:0 auto;max-width:1200px;padding:2rem 2rem 0;position:relative;width:100%;z-index:2}.timeline-section h1{display:inline-block;position:relative}.timeline-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.timeline-section .section-header{margin-bottom:3rem;position:relative;text-align:center}.timeline-section .section-header h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.timeline-section .section-header .section-subtitle{color:#8892b0;font-size:1.1rem}@media screen and (min-width:1400px){.timeline-section{padding:4rem 0}}@media screen and (max-width:768px){.timeline-section{padding:2rem 0}}.vertical-timeline-element{margin:2rem 0;position:relative;z-index:2}.vertical-timeline-element .vertical-timeline-element-content{background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 5px #0003;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.vertical-timeline-element .vertical-timeline-element-content .vertical-timeline-element-date{color:#ffffffb3}.vertical-timeline-element .timeline-header{margin-bottom:1.5rem}.vertical-timeline-element .timeline-header .timeline-title{color:#2b98c2;font-size:1.4rem;font-weight:500;margin:0 0 .5rem}.vertical-timeline-element .timeline-header .company-info{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem}.vertical-timeline-element .timeline-header .company-info .company-name{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin:0;word-break:break-word}.vertical-timeline-element .timeline-header .company-info .location{color:#fff9;font-size:.9rem;word-break:break-all}.vertical-timeline-element .timeline-header .company-info .location:before{content:"•";margin-right:.7rem}.vertical-timeline-element .timeline-description{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.vertical-timeline-element .timeline-details{cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.vertical-timeline-element .timeline-details .toggle-button{align-items:center;color:#2b98c2;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.vertical-timeline-element .timeline-details .toggle-button .toggle-icon{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.vertical-timeline-element .timeline-details.expanded .toggle-icon{transform:rotate(180deg)}.vertical-timeline-element .expanded-content{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.vertical-timeline-element .expanded-content h5{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem;max-width:100%;white-space:normal;word-break:break-word}.vertical-timeline-element .expanded-content h5 .section-icon{color:#2b98c2;font-size:1rem}.vertical-timeline-element .expanded-content .achievements{margin-bottom:2rem}.vertical-timeline-element .expanded-content .achievements ul{list-style:none;margin:0;padding:0}.vertical-timeline-element .expanded-content .achievements ul li{color:#fffc;margin-bottom:.5rem;padding-left:1.5rem;position:relative;word-break:break-word}.vertical-timeline-element .expanded-content .achievements ul li:before{color:#2b98c2;content:"→";left:0;position:absolute}.vertical-timeline-element-date{color:#fffc!important;font-weight:500}.vertical-timeline{position:relative;z-index:2}.vertical-timeline:before{z-index:1}.light-mode .timeline-section{background:#f5f5f7}.light-mode .timeline-section .section-header h1{color:#1a202c}.light-mode .timeline-section .section-header .section-subtitle{color:#4a5568}.light-mode .timeline-section .vertical-timeline-element .vertical-timeline-element-content{background-color:#fffffff2;border:1px solid #0000001a}.light-mode .timeline-section .vertical-timeline-element .vertical-timeline-element-content .vertical-timeline-element-date{color:#4a5568}.light-mode .timeline-section .vertical-timeline-element .timeline-header .timeline-title{color:#2b98c2;font-weight:500;word-break:break-word}.light-mode .timeline-section .vertical-timeline-element .timeline-header .company-info .company-name{color:#1a202c;font-weight:600}.light-mode .timeline-section .vertical-timeline-element .timeline-header .company-info .location{color:#4a5568;font-weight:500}.light-mode .timeline-section .vertical-timeline-element .timeline-description{color:#2d3748;font-weight:500}.light-mode .timeline-section .vertical-timeline-element .timeline-details .toggle-button{color:#2b98c2;font-weight:600}.light-mode .timeline-section .vertical-timeline-element .expanded-content{border-top-color:#0000001a}.light-mode .timeline-section .vertical-timeline-element .expanded-content h5{color:#1a202c;font-weight:600}.light-mode .timeline-section .vertical-timeline-element .expanded-content h5 .section-icon{color:#2b98c2}.light-mode .timeline-section .vertical-timeline-element .expanded-content .achievements ul li{color:#2d3748;font-weight:500}.light-mode .timeline-section .vertical-timeline-element .expanded-content .achievements ul li:before{color:#2b98c2}.light-mode .vertical-timeline:before{background:#00000026}.light-mode .vertical-timeline-element-date{color:#222!important;font-weight:600!important}@media(max-width:768px){.timeline-section{padding:4rem 0}.timeline-section .section-header h1{font-size:2rem}.vertical-timeline-element .timeline-header .timeline-title{font-size:1.2rem}.vertical-timeline-element .timeline-header .company-info{align-items:flex-start;flex-direction:column;gap:.3rem}.vertical-timeline-element .timeline-header .company-info .location:before{display:none}}@media only screen and (max-width:768px){.vertical-timeline-element-icon,.vertical-timeline.vertical-timeline--two-columns:before{display:none}.vertical-timeline-element-content{margin-left:0;padding:1.5rem;width:100%}.vertical-timeline-element-content-arrow{display:none}}@media screen and (max-width:768px){.modal-content{margin-top:4rem;max-height:85vh;max-width:95%;overflow-y:auto;padding:2rem 1.5rem 1.5rem;width:95%}.modal-overlay{align-items:flex-start;padding:5rem 1rem 1rem}}.search-bar{gap:10px;margin-bottom:20px;padding:0 0 20px}@media screen and (max-width:768px){.search-bar{margin-bottom:15px;padding:0 0 15px}}.search-bar input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-family:Montserrat,sans-serif;padding:10px}@media screen and (max-width:768px){.search-bar input{font-size:.9rem;padding:8px}}.tags{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.tags::-webkit-scrollbar{display:none}.tag-button{background-color:#fff;border:1px solid #e7e7e7;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#000!important;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:6px 12px;transition:all .3s ease;white-space:nowrap}@media screen and (max-width:768px){.tag-button{font-size:.85rem;padding:5px 10px}}.tag-button:hover{background-color:#e6e6e6;border-color:#aaa}.tag-button.active{background-color:#2b98c2;border-color:#2b98c2;color:#fff!important}.projects-container{background-color:#0d1116;overflow:hidden;padding:6rem 0;position:relative}.projects-container:before{background-attachment:fixed;background-image:url(/static/media/bg_dark.20f35071f6326d32ae16.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.projects-container .content-wrapper{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:2}.projects-container h1{color:#fff;display:inline-block;font-size:2.5rem;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%)}.projects-container h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}@media screen and (max-width:768px){.projects-container{padding:4rem 0}.projects-container h1{font-size:2rem;margin-bottom:2rem}}.search-bar{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto 3rem;max-width:80%;width:100%}.search-bar input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#122747b3;border:1px solid #2b98c233;border-radius:50px;color:#2b98c2!important;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.search-bar input::placeholder{color:#2b98c2}.search-bar input:focus{background:rgba(42,152,207,.322);border-color:#2b98c2;box-shadow:0 0 15px #2b98c21a;outline:none}.search-bar .tags{display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:center;overflow-x:auto;padding-bottom:.5rem}@media screen and (max-width:1300px){.search-bar .tags{flex-wrap:wrap;overflow-x:visible}}.search-bar .tag-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a192fb3;border:1px solid #2b98c233;border-radius:25px;color:#2b98c2!important;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.search-bar .tag-button:hover{background-color:#2b98c233;border-color:#2b98c2}.search-bar .tag-button:active{transform:translateY(0)}.search-bar .tag-button.active{background:#2b98c2;border-color:#2b98c2;box-shadow:0 5px 15px #2b98c233;color:#fff!important}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0 1rem}@media screen and (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:1fr}}.project-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:after{background:#52515133;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover:after{opacity:1}.project-card:hover{border-color:#2b98c24d;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.project-card:hover .project-img{transform:scale(1.05)}.project-card:hover h2{color:#2b98c2}.project-card .project-inner{aspect-ratio:16/9;overflow:hidden;position:relative}.project-card .project-inner:after{background:#0003;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card .project-img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card h2{color:#2b98c2;font-size:1.1rem;margin:0;padding:1.5rem 1.5rem .5rem;transition:color .3s ease}.project-card p{color:#fff;font-size:.9rem;line-height:1.6;margin:0;padding:0 1.5rem 1.5rem}.project-card .info-icon{bottom:1rem;color:#2b98c2;cursor:pointer;font-size:1.2rem;opacity:.7;position:absolute;right:1rem;transition:all .3s ease}.project-card .info-icon:hover{opacity:1;transform:scale(1.1)}.modal-overlay{align-items:center;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease forwards;background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:12px;max-width:800px;padding:2rem;position:relative;transform:translateY(20px);width:90%}.modal-content .close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.modal-content .close-btn:hover{background:#ffffff1a;transform:rotate(-90deg)}.modal-content img{border-radius:8px;box-shadow:0 5px 15px #0003;height:300px;margin:1rem 0;object-fit:cover;width:100%}.modal-content h2{color:#fff;font-size:1.8rem;margin:0 0 1rem}.modal-content p{color:#ffffffb3;font-size:1rem;line-height:1.5;margin-bottom:1rem}@media screen and (max-width:768px){.modal-content{margin:0;max-width:95%;padding:1.5rem;width:95%}.modal-content h2{font-size:1.5rem}.modal-content p{font-size:.9rem}}.light-mode .projects-container{background:#f5f5f7}.light-mode .projects-container h1{color:#0a192f}.light-mode .projects-container h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000)}.light-mode .search-bar input{background:#fff;border-color:#0000001a;color:#0a192f}.light-mode .search-bar input::placeholder{color:#00000080}.light-mode .search-bar input:focus{border-color:#2b98c2;box-shadow:0 0 15px #2b98c21a}.light-mode .search-bar .tag-button{background:#fff;border-color:#0000001a;color:#0a192f!important}.light-mode .search-bar .tag-button:hover{background:#2b98c21a;border-color:#2b98c2}.light-mode .search-bar .tag-button.active{background:#2b98c2;color:#fff!important}.light-mode .project-card{background:#fff;border-color:#0000001a;box-shadow:0 3px 10px #0003}.light-mode .project-card:hover{box-shadow:0 10px 20px #0000001a}.light-mode .project-card h2{color:#0a192f}.light-mode .project-card h2:hover{color:#c22b2b}.light-mode .project-card p{color:#000000b3}.light-mode .project-card .info-icon{color:#2b98c2;opacity:.6}.light-mode .project-card .info-icon:hover{opacity:1}.light-mode .modal-overlay{background-color:#00000080}.light-mode .modal-content{background:#fff;border-color:#0000001a;box-shadow:0 10px 30px #0000001a}.light-mode .modal-content h2{color:#0a192f}.light-mode .modal-content p{color:#000000b3}.light-mode .modal-content .close-btn{color:#0a192f}.light-mode .modal-content .close-btn:hover{background:#0000000d}.project-image{margin:0 auto;width:100%}.project-img{box-shadow:0 4px 6px #0000001a;height:100%;object-fit:cover;width:100%}.light-mode .project-card h2{color:#000}.light-mode .project-card p{color:#6e6e6e;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(hover:none){.tag-button:active{background-color:#e6e6e6}}.dark-mode .modal-content .close-btn{color:#fffc}.dark-mode .modal-content .close-btn:hover{background:#ffffff1a}.qualifications-section{color:#8892b0;padding:6rem 0}.qualifications-section h1{color:#fff;display:inline-block;font-size:2.5rem;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%);word-break:break-word}.qualifications-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}@media screen and (max-width:768px){.qualifications-section h1{font-size:2rem;margin-bottom:2rem}}.dark-mode .qualifications-section{background-color:#0d1116!important}.qualifications-container{margin:0 auto;max-width:1200px;padding:0 2rem}.qualifications-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.qualification-category{background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 3px 10px #0003;max-width:100%;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease;word-break:break-word}.qualification-category:hover{background-color:#0f2444e6;border-color:#2b98c24d;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.qualification-category .category-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.qualification-category .category-header svg{color:#2b98c2;font-size:2rem}.qualification-category .category-header h2{color:#fff;font-size:1.5rem;margin:0}.qualification-items{grid-gap:2rem;display:grid;gap:2rem}.qualification-item{background-color:#0a192fb3;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.qualification-item:hover{background-color:#0a192fe6;border-color:#fff3}.qualification-item h3{color:#2b98c2;font-size:1.2rem;font-weight:inherit;margin:0 0 .5rem}.qualification-item .institution{color:#fff;font-size:1rem;margin:0 0 .5rem}.qualification-item .year{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.qualification-item .description{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.qualification-item h3 a{color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none;transition:-webkit-text-decoration .3s ease-in-out;transition:text-decoration .3s ease-in-out;transition:text-decoration .3s ease-in-out,-webkit-text-decoration .3s ease-in-out}.qualification-item h3 a:hover{text-decoration:underline}@media(max-width:768px){.qualifications-section{padding:4rem 0}.qualifications-grid{grid-template-columns:1fr}.qualification-category{padding:1.5rem}}.light-mode .qualifications-section{background:#f5f5f7}.light-mode .qualifications-section h1{color:#0a192f}.light-mode .qualifications-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000)}.light-mode .qualification-category{background-color:#fffffff2;border:1px solid #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease}.light-mode .qualification-category .category-header svg{color:#2b98c2}.light-mode .qualification-category .category-header h2{color:#1a202c}.light-mode .qualification-item{background-color:#fffffff2;border:1px solid #0000001a}.light-mode .qualification-item:hover{background-color:#fff;border-color:#0003}.light-mode .qualification-item h3{color:#2b98c2}.light-mode .qualification-item .institution{color:#000}.light-mode .qualification-item .year{color:#4a5568}.light-mode .qualification-item .description{color:#2d3748}#contact{background:linear-gradient(#0d1116,#000);color:#fff;padding:6rem 0;position:relative}#contact:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media(max-width:768px){#contact{padding:2rem 5%}}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr 1fr 2fr;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:2}@media(max-width:1200px){.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-grid .contact-form{grid-column:span 2}}@media(max-width:768px){.contact-grid{gap:2.5rem;grid-template-columns:1fr;padding:0 1.5rem}.contact-grid .contact-form{grid-column:span 1}}.contact-form h3{margin-bottom:2rem;text-align:center}.contact-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}@media(max-width:600px){.contact-form .form-row{flex-direction:column;gap:0}}.contact-form .form-row .form-field{flex:1 1}.contact-form .MuiTextField-root .MuiInputLabel-root{color:#ffffffb3}.contact-form .MuiTextField-root .MuiOutlinedInput-root{background-color:#0b1728;color:#00e1ff}.contact-form .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#ffffff3b}.contact-form .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#fff6}.contact-form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#2b98c2}.contact-form .connect-button{align-items:center;background-color:#2b98c2;border:1px solid #2b98c2;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:1.1em;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;text-transform:none!important;transition:all .3s ease}.contact-form .connect-button svg{font-size:1em}.contact-form .connect-button:hover{background-color:#00739d;color:#fff;transform:translateY(-2px)}.contact-form .connect-button:active{transform:translateY(0)}.contact-form .connect-button .MuiCircularProgress-root{margin-left:6px}.contact-info .description{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-info .social-links{display:flex;gap:1.5rem;margin-top:2rem}.contact-info .social-links a{color:#fffc;font-size:1.8rem;transition:all .3s ease}.contact-info .social-links a:hover{color:#2b98c2;transform:translateY(-3px)}.quick-links ul{list-style:none;margin:0;padding:0}.quick-links ul li{margin-bottom:1rem}.quick-links ul li a{color:#ffffffb3;display:inline-block;font-size:1.1rem;padding-left:1.2rem;position:relative;text-decoration:none}.quick-links ul li a:before{content:"→";left:0;opacity:0;position:absolute}.quick-links ul li a:hover{color:#2b98c2;padding-left:1.8rem}.quick-links ul li a:hover:before{opacity:1}.contact-details ul{list-style:none;margin:0;padding:0}.contact-details ul li{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.contact-details ul li strong{color:#ffffffe6;font-size:1.1rem;font-weight:500}.contact-details ul li a,.contact-details ul li span{color:#ffffffb3;display:inline-block;font-family:Montserrat;font-size:1.1rem;font-weight:400;text-decoration:none}.contact-details ul li a:hover,.contact-details ul li span:hover{color:#2b98c2}.contact-section{background-color:#0a192fb3;color:#8892b0;padding:6rem 0}.contact-section h1{color:#fff;display:inline-block;font-size:2.5rem;left:50%;margin-bottom:3rem;position:relative;text-align:center;transform:translateX(-50%)}.contact-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}@media screen and (max-width:768px){.contact-section h1{font-size:2rem;margin-bottom:2rem}}.light-mode #contact{background:linear-gradient(#f5f5f7,#fff);color:#0a192f}.light-mode #contact:before{background-color:#ffffff1a}.light-mode #contact h2,.light-mode #contact h3{color:#2b98c2}.light-mode #contact p{font-weight:400}.light-mode #contact .contact-info .description,.light-mode #contact .contact-info .social-links a{color:#000c}.light-mode #contact .contact-info .social-links a:hover{color:#2b98c2}.light-mode #contact .quick-links ul li a{color:#000000b3}.light-mode #contact .quick-links ul li a:hover{color:#2b98c2}.light-mode #contact .contact-details ul li strong{color:#000000e6}.light-mode #contact .contact-details ul li a,.light-mode #contact .contact-details ul li span{color:#000000b3}.light-mode #contact .contact-details ul li a:hover,.light-mode #contact .contact-details ul li span:hover{color:#2b98c2}.light-mode #contact .contact-form .MuiTextField-root .MuiInputLabel-root{color:#838383}.light-mode #contact .contact-form .MuiTextField-root .MuiOutlinedInput-root{background-color:hsla(240,3%,65%,.094);color:#000}.light-mode #contact .contact-form .MuiTextField-root .MuiOutlinedInput-root fieldset,.light-mode #contact .contact-form .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#00000080}.light-mode #contact .contact-form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#2b98c2}.light-mode .contact-section h1{color:#0a192f}.light-mode .contact-section h1:after{background:linear-gradient(90deg,#0000,#2b98c2,#0000)}h2,h3{color:#2b98c2;margin-bottom:1.5rem}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:500}.contact_wrapper svg{font-size:1em;margin-right:5px;vertical-align:middle}label{font-family:DomaineDispNar-Medium,sans-serif;font-size:1.2rem}form{width:100%!important}
/*# sourceMappingURL=main.2416e941.css.map*/