body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#44a08d;background:linear-gradient(90deg,#44a08d,#093637);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scrollbar-width:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#44a08d,#093637);display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.Section_1,.Section_2{background:#0000;min-height:100vh;position:relative}.Section_2:before{background:linear-gradient(180deg,#44a08d1a,#0000);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;top:0}body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App{padding-bottom:0}}.navbar{align-items:center;background:#093637;color:#fff;display:flex;justify-content:space-between;padding:1rem}.navbar-logo{flex:3 1;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;flex:7 1;gap:1rem;justify-content:space-around;list-style:none}.navbar-links li{display:inline}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none}.navbar-links a:hover{color:#048a8c}.hamburger{cursor:pointer;display:none;font-size:1.5rem}@media screen and (max-width:968px){.navbar{padding:.8rem}.navbar-logo{flex:1 1;font-size:1.3rem}}@media screen and (max-width:768px){.hamburger{display:block;z-index:100}.navbar-links{background:#093637f2;display:none;flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;padding:2rem 0;position:fixed;top:0;width:100%;z-index:90}.navbar-links.active{display:flex}.navbar-links li{animation:fadeIn .5s ease forwards;opacity:0}.navbar-links a{font-size:1.2rem}}@media screen and (max-width:480px){.navbar{padding:.6rem}.navbar-logo{font-size:1.2rem}.hamburger{font-size:1.3rem}}body{background-color:#121212;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.hero{align-items:center;display:flex;height:100vh;justify-content:space-between;padding:0 10%;position:relative}.content{max-width:50%}.greeting{color:#ccc;font-size:18px}h1{font-size:50px;font-weight:700;line-height:1.2}h1 span{color:#32e600}h1 span.name{color:tomato}h1 .role-container,h1 span.role-0,h1 span.role-1,h1 span.role-2,h1 span.role-3,h1 span.role-4{display:inline-block;min-height:1.2em}.description{color:#ccc;font-size:18px;line-height:1.6;margin:20px 0;max-width:600px}.buttons{margin-top:20px}.btn{border-radius:5px;display:inline-block;font-size:16px;margin-right:10px;padding:10px 20px;text-decoration:none}.primary{background-color:#32e600;color:#000;font-weight:700}.secondary{border:1px solid #fff;color:#fff}.hire-me-btn{border-radius:100px;display:inline-block;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.hire-me-btn:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.hire-me-btn:hover{background-color:#19a172f3;box-shadow:0 10px 20px #0003;color:#000;transform:translateY(-3px)}.hire-me-btn:active{box-shadow:0 5px 10px #0003;transform:translateY(-1px)}.hire-me-btn:hover:before{background:#fff3}.hire-me-btn:after{border-radius:100px;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.hire-me-btn:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.btn-animated{animation:moveInBottom 5s ease-out;animation-fill-mode:backwards}@keyframes moveInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-social-container{align-items:center;display:flex;gap:2rem;width:45%}.profile{flex:1 1;margin-right:0}.socials{margin-right:0;position:relative;right:auto;top:auto;transform:none}.profile{align-items:center;display:flex;justify-content:center;margin-right:80px;width:40%}.profile img{border-radius:10px;height:auto;max-width:400px;object-fit:cover;width:100%}.socials{display:flex;flex-direction:column;gap:15px;margin-right:15px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100}.socials a{align-items:center;background-color:#333c;border-radius:50%;color:#fff;display:flex;font-size:20px;height:45px;justify-content:center;padding:12px;position:relative;text-decoration:none;transition:all .3s ease;width:45px}.socials a:hover{transform:translateX(-5px)}.socials a:first-child:hover{background-color:#0077b5}.socials a:nth-child(2):hover{background-color:#333}.socials a:nth-child(3):hover{background-color:#d44638}.socials a:nth-child(4):hover{background-color:#25d366}.socials a:before{background:#000c;border-radius:5px;content:attr(title);font-size:14px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;right:120%;transition:all .3s ease;white-space:nowrap}.socials a:hover:before{opacity:1}@media (max-width:1200px){.hero{gap:2rem;padding:0 5%}.content{max-width:45%}.profile-social-container{width:50%}}@media (max-width:900px){.hero{flex-direction:column;height:auto;justify-content:flex-start;padding:2rem 5%}.content{margin-bottom:2rem;max-width:100%;order:1}.profile-social-container{align-items:center;flex-direction:column;gap:2rem;order:2;width:100%}.profile{margin:0;width:300px}.socials{display:none}}@media (max-width:600px){.hero{padding:2rem 15px}.profile-social-container{flex-direction:column;gap:1.5rem}.profile{width:250px}.socials{flex-direction:row;gap:1rem}.socials a{font-size:16px;height:35px;width:35px}.socials a:hover{transform:translateY(-5px)}h1{font-size:32px}.description,.greeting{font-size:16px}.hire-me-btn{font-size:14px;padding:12px 30px}.socials{display:none}}.section2-container{background:#0000;min-height:100vh;padding:4rem 2rem;position:relative}.section-title{margin-bottom:3rem}.section-title:after{background:#32e600;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.roles-container{flex-direction:column;gap:4rem;max-width:1200px;padding:2rem 1rem}.role-card,.roles-container{display:flex;margin:0 auto;position:relative}.role-card{align-items:center;animation-duration:8s;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:100px;max-width:800px;min-width:280px;overflow:hidden;padding:2rem;transition:all .4s ease;width:65%}.role-card:before{background:linear-gradient(90deg,#32e6001a,#32e6000d,#0000);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.role-card.left{align-self:flex-start;animation-name:slideLeftRight}.role-card.right{align-self:flex-end;animation-name:slideRightLeft;flex-direction:row-reverse}.role-card:hover{animation-play-state:paused;box-shadow:0 10px 20px #32e6001a;transform:translateY(-5px)}.role-info{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:100%}.role-card.right .role-info{align-items:flex-end;text-align:right}.tech-stack{background:#0003;border-radius:30px;gap:1.2rem;margin:1rem 0;max-width:100%;overflow-x:hidden;padding:1rem}.role-points{margin:0}.role-card.right .role-points{text-align:right}.role-icon-container{align-items:center;animation:floatIcon 3s ease-in-out infinite;background:linear-gradient(135deg,#32e600,#1a7300);border-radius:50%;box-shadow:0 5px 15px #32e60033;display:flex;flex-shrink:0;height:60px;justify-content:center;margin:0 1.5rem;width:60px}.role-icon{color:#fff;font-size:2rem}.role-title{color:#fff;display:inline-block;font-size:1.8rem;margin:0;position:relative}.tech-item{font-size:2rem;padding:.5rem;transition:all .3s ease}.tech-item:hover{filter:drop-shadow(0 5px 10px rgba(50,230,0,.4));transform:translateY(-5px)}.tech-item:after{background:#000c;border-radius:4px;bottom:-25px;color:#fff;content:attr(title);font-size:.7rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.tech-item:hover:after{bottom:-30px;opacity:1}@keyframes techIconSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1.1)}}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideLeftRight{0%,to{transform:translateX(-30px)}50%{transform:translateX(30px)}}@keyframes slideRightLeft{0%,to{transform:translateX(30px)}50%{transform:translateX(-30px)}}.role-points{list-style:none;padding:0;text-align:center}.role-points li{align-items:center;color:#e0e0e0;display:flex;font-size:1rem;margin:.8rem 0}.role-points li:before{color:#32e600;content:"→";font-weight:700;margin-right:1rem}.role-card:first-child{animation-delay:0s}.role-card:nth-child(2){animation-delay:2s}.role-card:nth-child(3){animation-delay:4s}.role-card:nth-child(4){animation-delay:6s}@media (max-width:1200px){.role-card{padding:2rem;width:75%}}@media (max-width:992px){.role-card{border-radius:60px;padding:1.8rem;width:85%}.tech-stack{gap:1rem;padding:1rem}.tech-item{font-size:1.8rem}}@media (max-width:768px){.role-card.left,.role-card.right{animation:none;border-radius:50px;flex-direction:column;padding:2rem;transform:none;width:90%}.role-card.right .role-info,.role-info{align-items:center;text-align:center}.role-card.right .role-points,.role-points{text-align:center}.section-title{font-size:2rem}.roles-container{gap:2rem}.tech-stack{border-radius:25px;justify-content:center}.role-icon-container{margin:0 0 1.5rem}}@media (max-width:480px){.role-card{padding:1.5rem;width:100%}.role-title{font-size:1.3rem}.tech-stack{font-size:.8rem}.role-points li{font-size:.9rem}}@media screen and (min-width:1201px){.role-card.left{margin-left:2rem;margin-right:auto}.role-card.right{margin-left:auto;margin-right:2rem}}@media screen and (max-width:768px){.roles-container{gap:3rem;padding:1rem}.role-card,.role-card.left,.role-card.right{animation:none;border-radius:40px;flex-direction:column;padding:1.5rem;transform:none!important;width:90%}.role-card.right .role-info,.role-info{align-items:center;gap:1rem;text-align:center}.role-points{width:100%}.role-card.right .role-points li,.role-points li{padding-left:1rem;text-align:left}.tech-stack{justify-content:center;padding:.8rem}}@media screen and (max-width:480px){.section2-container{padding:2rem 1rem}.role-card{border-radius:30px;padding:1.2rem;width:95%}.role-title{font-size:1.4rem}.tech-item{font-size:1.5rem}.tech-item:after{font-size:.65rem;padding:3px 6px}.role-points li{font-size:.9rem;line-height:1.4;margin:.6rem 0}.role-icon-container{height:50px;width:50px}}@media screen and (max-width:320px){.role-card{min-width:auto;padding:1rem;width:100%}.tech-stack{gap:.8rem}.tech-item{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.role-card,.role-icon-container{animation:none}.tech-item:hover{transform:none}}@media screen and (max-width:768px){.section2-container{padding:2rem 1rem}.roles-container{gap:2.5rem;padding:.5rem}.role-card,.role-card.left,.role-card.right{background:#ffffff14;border-radius:25px;flex-direction:column;margin:0 auto;padding:1.8rem 1.2rem;width:95%}.role-info{gap:1.2rem}.role-icon-container{height:55px;margin-bottom:1rem;width:55px}.role-title{font-size:1.6rem;margin-bottom:.5rem}.tech-stack{background:#0003;flex-wrap:wrap;gap:1.2rem;justify-content:center;padding:1rem}.tech-item{font-size:1.8rem;padding:.4rem}.role-points{padding:0 .5rem;width:100%}.role-points li{font-size:.95rem;line-height:1.4;margin:0;padding:.5rem 0;text-align:left}}@media screen and (max-width:480px){.section2-container{padding:1.5rem .8rem}.role-card{border-radius:20px;padding:1.5rem 1rem}.role-icon-container{height:45px;width:45px}.role-icon{font-size:1.5rem}.role-title{font-size:1.4rem}.tech-stack{border-radius:15px;gap:1rem;padding:.8rem}.tech-item{font-size:1.5rem}.tech-item:after{display:none}.role-points li{font-size:.9rem;padding:.4rem 0}.role-points li:before{margin-right:.6rem}}@media (hover:none){.role-card:hover{box-shadow:none;transform:none}.tech-item:hover{filter:none;transform:none}.role-card{animation:none}.tech-stack{-webkit-overflow-scrolling:touch}}@media screen and (max-width:768px){.section2-container{padding:2rem .5rem}.roles-container{gap:2.5rem;padding:0;width:100%}.role-card,.role-card.left,.role-card.right{align-self:center;animation:none;border-radius:25px;flex-direction:column;left:0;margin:0 auto;padding:1.8rem 1.2rem;right:0;transform:none!important;width:90%}.role-info{align-items:center;width:100%}.tech-stack{margin:1rem auto;width:calc(100% - 2rem)}}@media screen and (max-width:480px){.section2-container{padding:1.5rem .5rem}.role-card,.role-card.left,.role-card.right{padding:1.5rem 1rem;width:85%}}.contact-section{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:80px 20px}.contact-content{max-width:800px;width:100%}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.contact-form,.project-inquiry{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:30px}h3{color:#00ff95;font-size:1.5rem;margin-bottom:20px;text-align:center}select{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:all .3s ease;width:100%}select:focus{border-color:#00ff95;box-shadow:0 0 10px #00ff9533;outline:none}.contact-section h2{color:#00ff95;font-size:2.5rem;margin-bottom:20px;text-align:center}.contact-section p{color:#888;margin-bottom:40px;text-align:center}.form-group{margin-bottom:20px}input,textarea{background:#2a2a2acc;border:1px solid #444;border-radius:8px;color:#fff;font-size:16px;padding:12px;transition:all .3s ease;width:100%}input:focus,textarea:focus{border-color:#00ff95;box-shadow:0 0 10px #00ff9533;outline:none}textarea{min-height:150px;resize:vertical}.submit-btn{align-items:center;background-color:#00ff95;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover{background-color:#00cc78;transform:translateY(-2px)}.contact-links{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;margin-top:40px}.contact-links a{align-items:center;background:#ffffff0d;border-radius:30px;color:#00ff95;display:flex;font-size:18px;gap:8px;padding:10px 20px;text-decoration:none;transition:color .3s ease;transition:all .3s ease}.contact-links a:hover{background:#00ff951a;color:#00cc78;transform:translateY(-2px)}.contact-links svg{font-size:20px}@media (max-width:768px){.contact-section h2{font-size:2rem}.contact-links{flex-direction:row;gap:15px;justify-content:center;margin:30px auto 0;max-width:300px;padding:5px;width:100%}.contact-links a{align-items:center;background:#ffffff14;border-radius:50%;display:flex;height:45px;justify-content:center;min-width:45px;padding:0;width:45px}.link-text{display:none}.contact-links svg{font-size:22px;margin:0}.contact-links{align-items:center}.contact-grid{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.contact-links{gap:12px;max-width:250px}.contact-links a{height:40px;min-width:40px;width:40px}.contact-links svg{font-size:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form,.project-inquiry{animation:fadeIn .5s ease-out forwards}.project-inquiry{animation-delay:.2s}.quote-section{margin-bottom:50px;text-align:center}.quote-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00ff95,#0cf);-webkit-background-clip:text;font-size:2.8rem;margin-bottom:15px}.quote{color:#888;font-size:1.2rem;font-style:italic}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:0 auto;max-width:600px;padding:40px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.quote-section h2{font-size:2rem}.form-row{gap:15px;grid-template-columns:1fr}}.project-section{background:linear-gradient(135deg,#093637,#0d4244);min-height:100vh;padding:4rem 2rem}.section-title{align-items:center;color:#fff;display:flex;font-size:2.5rem;gap:1rem;justify-content:center;margin-bottom:4rem;position:relative;text-align:center}.projects-grid{margin:0 auto;max-width:1200px;padding:0 8rem;position:relative}.projects-grid:before{background:linear-gradient(180deg,#44a08d00,#44a08d 15%,#44a08d 50%,#44a08d 85%,#44a08d00);border-radius:2px;box-shadow:0 0 15px #44a08d4d;content:"";height:100%;left:calc(50% - 2px);opacity:.8;position:absolute;width:4px;z-index:0}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #44a08d33;border-radius:15px;box-shadow:0 5px 15px #0003;color:#fff;margin:4rem 0;opacity:1;overflow:hidden;padding:2rem;position:relative;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);width:calc(50% - 6rem)}.project-card:nth-child(odd){margin-left:0;margin-right:auto}.project-card:nth-child(2n){margin-left:auto;margin-right:0}.project-card:before{background:#44a08d;border:4px solid #093637;border-radius:50%;box-shadow:0 0 0 4px #44a08d4d,0 0 15px #44a08d80;content:"";height:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:2}.project-card:nth-child(odd):before{right:-5.9rem;transform:translate(50%,-50%)}.project-card:nth-child(2n):before{left:-5.9rem;transform:translate(-50%,-50%)}.project-card:after{background:#44a08d;box-shadow:0 0 10px #44a08d4d;content:"";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:3rem;z-index:1}.project-image{aspect-ratio:16/9;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-title{color:#44a08d;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px #44a08d4d}.project-duration{color:#44a08d;font-size:.9rem;margin-bottom:1rem;opacity:.8}.tech-stack{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.tech-tag{background:#44a08d33;border:1px solid #44a08d4d;border-radius:20px;color:#fff;font-size:.8rem;padding:.4rem 1rem;transition:all .3s ease}.tech-tag:hover{background:#44a08d66;transform:translateY(-2px)}.project-links{display:flex;gap:1.5rem;margin-top:2rem}.project-links a{color:#44a08d;font-size:1.8rem;transition:all .3s ease}.project-links a:hover{color:#fff;text-shadow:0 0 15px #44a08d80;transform:translateY(-3px)}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:first-child.visible{transition-delay:.1s}.project-card:nth-child(2).visible{transition-delay:.3s}.project-card:nth-child(3).visible{transition-delay:.5s}.project-card:nth-child(4).visible{transition-delay:.7s}.project-card.visible:before{animation:pulse 2s infinite}.project-points{list-style:none;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:all .4s ease}@media (min-width:769px){.project-card:hover .project-points{margin-top:1rem;max-height:300px;opacity:1;padding:.5rem 0}.project-points li{color:#ffffffe6;font-size:.95rem;opacity:0;padding:.5rem 0 .5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .3s ease}.project-card:hover .project-points li{opacity:1;transform:translateY(0)}.project-points li:before{color:#44a08d;content:"→";left:0;position:absolute}}@media (max-width:768px){.project-points{display:none}}@media (max-width:1024px){.projects-grid{padding:0 4rem}.project-card{width:calc(50% - 4rem)}.project-card:nth-child(odd):before{right:-4.9rem}.project-card:nth-child(2n):before{left:-4.9rem}}@media (max-width:768px){.project-section{padding:1rem}.section-title{flex-direction:column;font-size:1.8rem;margin-bottom:2rem}.projects-grid{padding:0}.project-card:after,.project-card:before,.projects-grid:before{display:none}.project-card{background:none;border:none;box-shadow:none;margin:1.5rem 0!important;padding:0;width:100%}.project-image{align-items:center;background:#0003;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;height:200px;justify-content:center;margin:0;overflow:hidden}.project-image img{border-radius:10px;height:auto;max-height:100%;max-width:100%;object-fit:contain;padding:.5rem;width:auto}.project-card-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #44a08d33;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-left:10px;margin-right:10px;margin-top:-30px;padding:1.2rem}.project-title{font-size:1.4rem;margin-bottom:.5rem}.project-duration{font-size:.8rem}.tech-stack{display:none}.project-description{margin-bottom:1rem}.project-links{margin-top:.5rem}.project-card.visible{opacity:1;transform:translateY(0)}.project-points{display:none}.project-card.show-points .project-points{display:block;margin-top:1rem;max-height:none;opacity:1}.project-links{justify-content:space-around;padding:1rem 0}.project-links a{align-items:center;background:#44a08d1a;border-radius:50%;display:flex;font-size:1.6rem;height:45px;justify-content:center;padding:.5rem;width:45px}}@media (max-width:480px){.project-section{padding:1.5rem .5rem}.projects-grid{padding:0 .5rem 0 2.5rem}.project-card{margin-left:1.5rem!important;padding:1rem}.project-image{height:180px;padding:.5rem}.project-image img{max-height:170px}.project-title{font-size:1.2rem}.project-duration{font-size:.8rem}.tech-tag{font-size:.7rem;padding:.2rem .6rem}}@media (max-height:600px) and (orientation:landscape){.project-section{padding:1rem}.project-card{margin:2rem 0!important}.project-image{height:160px}}@media (max-width:768px){.projects-grid{padding:0 2rem 0 4rem}.projects-grid:before{left:1.85rem}.project-card{margin:2rem 0 2rem 2rem!important;width:calc(100% - 2rem)}.project-card:before{left:-3.85rem!important;transform:translateX(50%)}.project-card:after{left:-2rem!important;width:2rem}.project-section{padding:1rem}.section-title{flex-direction:column;font-size:1.8rem;margin-bottom:2rem}.projects-grid{padding:0}.project-card:after,.project-card:before,.projects-grid:before{display:none}.project-card{background:none;border:none;box-shadow:none;margin:1rem 0!important;padding:0;width:100%}.project-image{border-radius:12px 12px 0 0;height:180px;margin:0;width:100%}.project-card-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #44a08d33;border-radius:0 0 12px 12px;border-top:none;margin-top:0;padding:1rem;width:100%}.project-points,.tech-stack{display:none}.project-description{margin-bottom:1rem}.project-links{background:#44a08d1a;border-radius:8px;justify-content:space-evenly;margin-top:.5rem;margin-top:1rem;padding:.8rem}.project-links a{align-items:center;background:#44a08d33;border-radius:50%;display:flex;height:40px;justify-content:center;padding:.8rem;width:40px}.project-card.visible{opacity:1;transform:translateY(0);transition:all .4s ease}}@media (max-width:380px){.project-section{padding:.5rem}.project-image{height:160px}.project-card-content{padding:.8rem}.project-title{font-size:1.1rem}.tech-tag{font-size:.65rem;padding:.2rem .6rem}}.spline-container{height:100%;left:0;overflow:hidden;pointer-events:auto;position:absolute;top:0;width:100%}.spline-scene{cursor:auto;height:100%;object-fit:contain;width:100%}.spline-scene:hover{cursor:move}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #64ffda1a;border-radius:50%;border-top:3px solid var(--accent-color,#64ffda);height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:2}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}:root{--z-model:1;--z-icons:30;--z-content:1000;--safe-area:env(safe-area-inset-bottom,20px)}.mobile-about-content{margin-left:auto;margin-right:auto;margin-top:60px;margin-top:var(--navbar-height,60px);max-width:600px;padding:1rem}.mobile-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a192fcc;border:1px solid #64ffda33;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.mobile-section-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.mobile-icon{background:#64ffda1a;border-radius:12px;font-size:2rem;padding:.5rem}.about-section{background:#0a192f;background:var(--background-color,#0a192f);min-height:calc(100vh - 80px);min-height:calc(100vh - var(--navbar-height, 80px));overflow:hidden;padding:1rem;position:relative}.model-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;z-index:var(--z-model)}.floating-icon{cursor:pointer;padding:20px;position:absolute;z-index:30;z-index:var(--z-icons)}.icon-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a192fcc;border:2px solid #64ffda80;border-radius:50%;box-shadow:0 0 20px #64ffda33;display:flex;font-size:clamp(20px,4vw,28px);height:clamp(50px,8vw,70px);justify-content:center;transition:transform .2s ease;width:clamp(50px,8vw,70px)}.icon-container:hover{box-shadow:0 0 30px #64ffda66;transform:scale(1.2)}.content-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a192fb3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999;z-index:calc(var(--z-content) - 1)}.content-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a192ffa,#0a192ff2);border:1px solid #64ffda4d;border-radius:20px;box-shadow:0 5px 30px #00000080;left:50%;margin:0;max-height:min(70vh,500px);max-width:calc(100vw - 2rem);overflow-y:auto;padding:1.5rem;pointer-events:none;position:fixed;top:50vh;transform:translate(-50%,-50%);width:min(90vw,400px);z-index:1000;z-index:var(--z-content)}.content-card h3{color:#64ffda;color:var(--accent-color,#64ffda);font-size:clamp(1.2rem,3vw,1.4rem);margin-bottom:1rem;text-shadow:0 0 15px #64ffda80}.content-card p{word-wrap:break-word;color:#fffffff2;font-size:clamp(.9rem,2vw,1rem);line-height:1.8;overflow-wrap:break-word;white-space:pre-wrap}.content-card::-webkit-scrollbar{width:6px}.content-card::-webkit-scrollbar-thumb{background:#64ffda;background:var(--accent-color,#64ffda);border-radius:3px}@media (max-width:768px){.model-container,.particle-cursor{display:none}.about-section{height:auto;margin-top:0;min-height:100vh;padding:0}.mobile-section h3{color:#64ffda;color:var(--accent-color,#64ffda);font-size:1.3rem;margin:0}.mobile-section p{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0;white-space:pre-wrap}.floating-icon{transition:transform .3s ease}.content-card{margin:1rem;padding:1.5rem}}@media (max-width:480px){.about-section{padding:.5rem}.content-card{margin:0 auto;max-height:60vh;padding:1.25rem;top:calc(50vh - 30px);top:calc(50vh - var(--navbar-height, 60px)/2);width:calc(100vw - 2rem)}.content-card h3{font-size:1.2rem;margin-bottom:.75rem}.content-card p{font-size:.95rem;line-height:1.6}}@media (hover:none){.floating-icon{padding:1rem}.icon-container{background:#0a192fe6}}@media (hover:none) and (pointer:coarse){.content-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.journey-section{background:#0a0a1a;color:#f4f4f8;min-height:100vh;overflow:hidden;padding:100px 0;position:relative}.stars-container{overflow:hidden}.stars,.stars-container,.stars2,.stars3{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.stars,.stars2,.stars3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMzAvMjSElNLKAAAAZElEQVRYhe3Suw2AMBBDUdfZg5kYg5EYg5myBzOBkipKFNxJKeIVduETLQEAzJJ2S9o9M0cNN5D0eLDaudNqB+48+cDdfuTmvmGmjbiZVUzcHBnABJgAEyDgA8/8x1WkBdYCJfEA4fQMKvC/auMAAAAASUVORK5CYII=) repeat top;bottom:0;display:block;right:0}.stars{animation:stars-animation 500s linear infinite;opacity:.3}.stars2{animation:stars-animation 400s linear infinite;opacity:.2}.stars3{animation:stars-animation 300s linear infinite;opacity:.1}@keyframes stars-animation{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}.journey-container{margin:0 auto;max-width:900px;padding:0 30px;position:relative;z-index:1}.journey-header{margin-bottom:80px;position:relative;text-align:center}.journey-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#ff6b6b,#4ecdc4,#ffd166,#118ab2,#9b5de5);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:1px;margin-bottom:12px}.journey-header p{color:#aaa;font-size:1.2rem;margin:0 auto 15px;max-width:600px}.header-underline{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#9b5de5);border-radius:2px;height:4px;margin:0 auto}.timeline{flex-direction:column;gap:60px}.milestone,.timeline{display:flex;position:relative}.milestone{gap:25px;transition:all .3s ease}.milestone.expanded{margin-bottom:20px}.milestone-connector{align-items:center;display:flex;flex-direction:column;padding-top:8px;position:relative}.connector-line{bottom:-60px;position:absolute;top:0;width:3px;z-index:1}.milestone:last-child .connector-line{bottom:0}.milestone-icon{align-items:center;background:#0a0a1acc;border:3px solid;border-radius:50%;display:flex;font-size:26px;height:54px;justify-content:center;width:54px;z-index:2}.milestone-card,.milestone-icon{cursor:pointer;transition:all .3s ease}.milestone-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141423cc;border:1px solid;border-radius:16px;box-shadow:0 10px 30px #00000026;flex:1 1;padding:30px;position:relative}.milestone-year{border-radius:30px;box-shadow:0 5px 15px #0003;color:#0a0a1a;font-size:1rem;font-weight:700;letter-spacing:1px;padding:7px 15px;position:absolute;right:20px;top:-15px}.milestone-card h3{font-size:1.6rem;font-weight:700;margin:5px 0 16px}.milestone-card p{color:#d4d4d8;font-size:1.05rem;line-height:1.7;margin:0 0 20px}.card-footer{display:flex;justify-content:flex-end}.details-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:5px 10px;transition:all .2s ease}.details-toggle:hover{background:#ffffff1a}.milestone-details{border-top:1px solid #ffffff1a;margin-top:25px;overflow:hidden;padding-top:20px}.details-section{margin-bottom:20px}.details-section h4{font-size:1.1rem;margin:0 0 12px;opacity:.8}.details-section ul{margin:0;padding-left:20px}.details-section li{line-height:1.5;margin-bottom:8px}.tech-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tool-chip{border-radius:30px;font-size:.85rem;font-weight:500;padding:5px 12px;white-space:nowrap}.badge{border-radius:20px;box-shadow:0 3px 10px #0003;font-size:.8rem;font-weight:600;left:20px;padding:5px 12px;position:absolute;top:-12px}.badge.current{animation:pulse 2s infinite;background:linear-gradient(135deg,#9b5de5,#f15bb5);color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 #9b5de5b3}70%{box-shadow:0 0 0 10px #9b5de500}to{box-shadow:0 0 0 0 #9b5de500}}@media (max-width:768px){.journey-section{padding:70px 0}.journey-header h2{font-size:2.5rem}.milestone{gap:15px}.milestone-icon{font-size:22px;height:45px;width:45px}.milestone-card{padding:25px}.milestone-card h3{font-size:1.4rem}.tech-tools{gap:6px}}@media (max-width:480px){.journey-container{padding:0 20px}.milestone-icon{font-size:20px;height:40px;width:40px}.milestone-year{font-size:.9rem;padding:5px 12px}.milestone-card h3{font-size:1.3rem;margin-top:10px}.badge{left:auto;right:15px}}.certificate-section{background-color:initial;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.certificate-header{margin-bottom:3rem;text-align:center}.certificate-header h1{color:#d97858;font-size:2.5rem;margin-bottom:1rem}.certificate-header p{color:#ddeaf1;font-size:1.1rem}.certificate-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.filter-btn{background:#effaf0;background:var(--secondary-color);border:1px solid #d0e8d9;border:1px solid var(--border-color);border-radius:30px;color:#2e8b57;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.filter-btn:hover{background:#dff5e6}.filter-btn.active{background:#2e8b57;background:var(--primary-color);border-color:#2e8b57;border-color:var(--primary-color);color:#fff}.certificates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.certificate-card{background:#f0f8f4;background:var(--card-bg);border:1px solid #d0e8d9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px #2e8b571a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.certificate-card:hover{box-shadow:0 8px 20px #2e8b5733;transform:translateY(-5px)}.certificate-image{background-color:#2e8b570d;height:200px;overflow:hidden;position:relative}.certificate-image:after{background:#2e8b57;background:var(--primary-color);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.certificate-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.certificate-card:hover .certificate-image img{transform:scale(1.05)}.certificate-info{padding:1.5rem}.certificate-info h3{color:#20604d;color:var(--primary-dark);font-size:1.2rem;margin:0 0 .5rem}.certificate-info .issuer{color:#555;color:var(--text-secondary);font-weight:500;margin:0 0 .5rem}.certificate-info .date{color:#888;color:var(--text-light);font-size:.9rem;margin:0 0 1.2rem}.download-btn{align-items:center;background:#2e8b57;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:.7rem 1rem;transition:background .3s ease;width:100%}.download-btn:hover{background:#20604d;background:var(--primary-dark)}.download-btn:before{content:"👁️";margin-right:6px}.no-certificates{background-color:#2e8b570d;border:1px dashed #d0e8d9;border:1px dashed var(--border-color);color:#888;color:var(--text-light)}.error-container,.loading-container,.no-certificates{border-radius:8px;margin-top:2rem;padding:3rem;text-align:center}.loading-container{background-color:#2e8b570d;border:1px dashed #d0e8d9;border:1px dashed var(--border-color);color:#2e8b57;color:var(--primary-color)}.error-container{background-color:#d9534f0d;border:1px dashed #f5c6cb;color:#d9534f}@media (max-width:768px){.certificate-header h1{font-size:2rem}.certificates-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.certificate-header{margin-bottom:2rem}.certificates-grid{grid-template-columns:1fr}.certificate-filters{align-items:center;flex-direction:column;gap:.7rem}.filter-btn{max-width:200px;width:100%}}:root{--primary-color:#2e8b57;--primary-dark:#20604d;--primary-light:#3eaa6b;--secondary-color:#effaf0;--text-primary:#333;--text-secondary:#555;--text-light:#888;--border-color:#d0e8d9;--card-bg:#f0f8f4;--gradient-bg:linear-gradient(135deg,#2e8b57,#3eaa6b)}.blog-section{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{color:peru;font-size:2.5rem;margin-bottom:1rem}.blog-header p{color:#c8d8e1;font-size:1.1rem}.featured-posts{margin-bottom:4rem}.featured-posts h2{color:#333;color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem;padding-left:1rem;position:relative}.featured-posts h2:before{background-color:#2e8b57;background-color:var(--primary-color);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.featured-posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.featured-post-card{background-color:#f0f8f4;background-color:var(--card-bg);border-radius:8px;box-shadow:0 5px 15px #2e8b571a;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.featured-post-card:hover{box-shadow:0 8px 20px #2e8b5733;transform:translateY(-5px)}.featured-post-image{height:100%;overflow:hidden;position:relative}.featured-post-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.featured-post-card:hover .featured-post-image img{transform:scale(1.05)}.featured-badge{background-color:#2e8b57;background-color:var(--primary-color);border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;left:1rem;padding:.3rem .7rem;position:absolute;top:1rem}.featured-post-content{display:flex;flex-direction:column;padding:2rem}.blog-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem}.search-container{flex:1 1;min-width:250px}.search-input{background-color:#effaf0;background-color:var(--secondary-color);border:1px solid #d0e8d9;border:1px solid var(--border-color);border-radius:30px;font-size:1rem;padding:.8rem 1.2rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#2e8b57;border-color:var(--primary-color);box-shadow:0 0 0 2px #2e8b5733;outline:none}.category-filters{display:flex;flex-wrap:wrap;gap:.8rem}.category-btn{background-color:#effaf0;background-color:var(--secondary-color);border:1px solid #d0e8d9;border:1px solid var(--border-color);border-radius:30px;color:#2e8b57;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.category-btn:hover{background-color:#dff5e6}.category-btn.active{background-color:#2e8b57;background-color:var(--primary-color);border-color:#2e8b57;border-color:var(--primary-color);color:#fff}.blog-posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.blog-post-card{background-color:#f0f8f4;background-color:var(--card-bg);border-radius:8px;box-shadow:0 5px 15px #2e8b571a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-post-card:hover{box-shadow:0 8px 20px #2e8b5733;transform:translateY(-5px)}.blog-post-image{height:200px;overflow:hidden}.blog-post-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-post-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.post-category{background-color:#2e8b571a;border-radius:4px;color:#2e8b57;color:var(--primary-color);display:inline-block;font-size:.8rem;margin-bottom:1rem;padding:.3rem .7rem;text-transform:capitalize}.blog-post-content h3{color:#333;color:var(--text-primary);font-size:1.3rem;line-height:1.4;margin:0 0 1rem}.blog-post-content p{color:#555;color:var(--text-secondary);flex-grow:1;line-height:1.6;margin:0 0 1.5rem}.post-meta{color:#888;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-bottom:1.5rem}.post-author:before{content:"👤 "}.post-date:before{content:"📅 "}.post-read-time:before{content:"⏱️ "}.read-more-btn{align-self:flex-start;background-color:#2e8b57;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.7rem 1.2rem;transition:background-color .3s ease}.read-more-btn:hover{background-color:#20604d;background-color:var(--primary-dark)}.no-posts{background-color:#f0f8f4;background-color:var(--card-bg);border-radius:8px;margin:2rem 0;padding:3rem;text-align:center}.no-posts h3{color:#333;color:var(--text-primary);margin-bottom:1rem}.no-posts p{color:#555;color:var(--text-secondary);margin-bottom:1.5rem}.reset-filters-btn{background-color:#2e8b57;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.7rem 1.5rem;transition:background-color .3s ease}.reset-filters-btn:hover{background-color:#20604d;background-color:var(--primary-dark)}.newsletter-section{background:linear-gradient(135deg,#2e8b57,#3eaa6b);background:var(--gradient-bg);border-radius:10px;color:#fff;margin-top:5rem;padding:3rem}.newsletter-content{margin:0 auto;max-width:600px;text-align:center}.newsletter-content h2{font-size:2rem;margin-bottom:1rem}.newsletter-content p{margin-bottom:2rem;opacity:.9}.newsletter-form{display:flex;gap:.5rem}.newsletter-form input{border:none;border-radius:4px;flex:1 1;font-size:1rem;padding:.8rem 1.2rem}.newsletter-form input:focus{outline:none}.subscribe-btn{background-color:#20604d;background-color:var(--primary-dark);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:0 1.5rem;transition:background-color .3s ease}.subscribe-btn:hover{background-color:#184a3a}@media (max-width:992px){.featured-post-card,.featured-posts-grid{grid-template-columns:1fr}.featured-post-image{height:300px}}@media (max-width:768px){.blog-header h1{font-size:2rem}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.newsletter-section{padding:2rem}.newsletter-form{flex-direction:column}.subscribe-btn{padding:.8rem}}@media (max-width:480px){.blog-controls{align-items:stretch;flex-direction:column}.category-filters{justify-content:center}.blog-posts-grid{grid-template-columns:1fr}}.skeleton-container{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px}.skeleton-navbar{height:50px;width:100%}.skeleton-box{height:200px;width:80%}.page-skeleton{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-heading{height:30px;width:70%}.skeleton-box{height:250px;width:90%}.skeleton-text{height:16px;width:60%}.skeleton-text.short{width:40%}
/*# sourceMappingURL=main.136e1f92.css.map*/