.btn,.herob.btn,.toggle-button{font-family:var(--ff-barlow);max-width:max-content}.hero,.hero-content,.section-header-port,.section-subtitle,.section-text,.section-title,.section-title-edu,.stat-item{text-align:center}.hero-title .greeting,.hero-title .name{margin-bottom:1rem;animation:.5s forwards fadeInUp}.hero,.tech-item{place-items:center}.tech-item:hover,.tech-tag:hover{border-color:rgba(255,255,255,.2)}.herob.btn:hover,.tech-tag:hover{transform:translateY(-3px)}.filter-button,button{cursor:pointer}.header,.hero,.portfolio-card{overflow:hidden}.tech-item,.tech-tag{backdrop-filter:blur(10px)}ion-icon,label{pointer-events:none}.blog-card .read-more,.herob.btn,.info-item a,.portfolio-link,.social-bar a,a{text-decoration:none}:root{--cadet-blue-crayola:hsl(240, 10%, 70%);--gold-web-golden:hsl(50, 100%, 54%);--vivid-sky-blue:hsl(196, 84%, 63%);--midnight-blue:hsl(231, 83%, 25%);--minion-yellow:hsl(50, 100%, 64%);--independence:hsl(225, 24%, 27%);--orange-soda:hsl(7, 96%, 61%);--space-cadet:hsl(243, 23%, 18%);--fiery-rose:hsl(353, 83%, 65%);--klein-blue:hsl(230, 80%, 39%);--bluetiful:hsl(222, 88%, 55%);--glaucous:hsl(230, 52%, 63%);--manatee:hsl(254, 7%, 65%);--rufous:hsl(2, 85%, 35%);--black:hsl(0, 0%, 0%);--white:hsl(0, 0%, 100%);--primary:hsl(7, 96%, 61%);--primary-light:#818cf8;--secondary:hsl(230, 80%, 39%);--light:rgba(255, 255, 255, 0.05);--gradient:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--timeline-dot-size:1rem;--ff-open-sans:"Open Sans",sans-serif;--ff-barlow:"Barlow",sans-serif;--ff-poppins:"Poppins",sans-serif;--fs-1:3.5rem;--fs-2:3rem;--fs-3:2.4rem;--fs-4:2rem;--fs-5:1.8rem;--fs-6:1.3rem;--fw-600:600;--fw-700:700;--radius-5:5px;--radius-10:10px;--radius-15:15px;--radius-20:20px;--section-padding:60px;--shadow:0 -5px 10px var(--manatee);--transition-1:0.05s ease;--transition-2:0.25s ease;--cubic-out:cubic-bezier(0.33, 0.85, 0.56, 1.02)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{color:inherit}.nav-toggle-btn .menu-icon,.nav-toggle-btn.active .close-icon,a,button,img,input,ion-icon,span,strong,textarea{display:block}img{height:auto}ion-icon{color:var(--white)}button,input,textarea{background:0 0;border:none;font:inherit}address{font-style:normal}html{font-size:10px;font-family:var(--ff-open-sans);scroll-behavior:smooth}body{background-color:var(--space-cadet);color:var(--cadet-blue-crayola);font-size:1.6rem;line-height:1.6;overflow-x:hidden}:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background-color:#f2f2f2}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b2b2b2}.container{padding-inline:20px}.btn,.toggle-button{color:var(--white);font-size:var(--fs-5);padding:var(--padding,10px 40px);border-radius:50px;transition:var(--transition-2);font-weight:var(--fw-600)}.toggle-button{display:block;margin:0 auto;background-color:var(--klein-blue)}.toggle-button:is(:hover,:focus){background-color:var(--orange-soda)}.btn-primary.blue{background-color:var(--klein-blue)}.btn-primary.blue:is(:hover,:focus){background-color:var(--orange-soda)}.img-cover{width:100%;height:100%;object-fit:cover}.section{padding-block:var(--section-padding)}.section-subtitle{color:var(--orange-soda);font-family:var(--ff-barlow);font-size:var(--fs-4)}.h1 .h3,.h2{color:var(--white);font-family:var(--ff-barlow);font-weight:var(--fw-600);line-height:1.3}.h1,.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3)}.header{position:fixed;padding-block:15px;width:100%;background-color:var(--space-cadet);height:65px;box-shadow:var(--shadow);transition:.25s var(--cubic-out);z-index:4}.hero-bg,.navbar,.stat-item::after,.tech-dots{position:absolute}.header.nav-active{height:335px;transition-duration:.35s}.header>.container,.skills-item .wrapper{display:flex;justify-content:space-between;align-items:center}.logo-h1{font-size:2.4rem;font-weight:700;line-height:1.2;margin:0;padding:0;color:#fff}.nav-toggle-btn{font-size:3rem}.abs-icon,.abs-img,.nav-toggle-btn .close-icon,.nav-toggle-btn.active .menu-icon,.stat-item:last-child::after{display:none}.navbar{top:65px;left:0;width:100%;padding-inline:20px;visibility:hidden;opacity:0;transition:var(--transition-2)}.header.nav-active .navbar{visibility:visible;opacity:1}.navbar-link{color:var(--white);font-family:var(--ff-barlow);padding-block:3px;transition:var(--transition-1)}.navbar-link:is(:hover,:focus){color:var(--orange-soda)}.navbar .btn{background-color:var(--orange-soda);margin-block-start:25px}.hero-bg{inset:0;z-index:1}.circle-1,.circle-2{position:absolute;border-radius:50%;filter:blur(80px)}.circle-1{top:-20%;right:-20%;width:clamp(350px,45vw,700px);height:clamp(350px,45vw,700px);background:linear-gradient(45deg,var(--klein-blue),transparent);opacity:.09;animation:15s ease-in-out infinite floatAnimation}.circle-2{bottom:-20%;left:-20%;width:clamp(400px,55vw,800px);height:clamp(400px,55vw,800px);background:linear-gradient(45deg,var(--bluetiful),transparent);opacity:.2;animation:18s ease-in-out infinite reverse floatAnimation}@keyframes floatAnimation{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(2%,2%) rotate(2deg)}50%{transform:translate(-2%,-1%) rotate(-1deg)}75%{transform:translate(1%,-2%) rotate(1deg)}}.tech-dots{inset:0;background-image:radial-gradient(var(--glaucous) 1px,transparent 1px);background-size:clamp(25px,3vw,35px) clamp(25px,3vw,35px);opacity:.1;animation:80s linear infinite driftAnimation}.container-hero,.hero,.profile-card,.profile-wrapper,.stat-item,.tech-item,.timeline-column,.timeline-item{position:relative}@keyframes driftAnimation{from{transform:translateY(0)}to{transform:translateY(-50%)}}.hero{display:grid;min-height:100vh;background:var(--space-cadet);width:100%}.container-hero{z-index:2;width:min(1400px,90%)}.hero-wrapper{display:grid;gap:clamp(4rem,6vw,8rem);align-items:center;width:100%;margin:0 auto}.hero,.hero-stats{display:flex;justify-content:center}@media (max-width:768px){.hero{padding-top:15rem;width:100%;margin:0;left:0;overflow-x:hidden}.hero-wrapper{padding:0;width:100%;margin:0 auto}.container-hero{width:100%;padding:0 20px;margin:0 auto;box-sizing:border-box}.hero-content{width:100%;text-align:center}}.hero{align-items:center;padding:0 15px}.container-hero{max-width:1200px;margin:0 auto;padding-top:7.5rem;}@media (max-width:768px){.hero{padding:0 10px}.container-hero{max-width:100%;padding:10px}}.hero-content{order:2}.hero-subtitle{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:3rem}.tech-tag{padding:.8em 1.5em;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:var(--fs-6);color:var(--manatee);transition:.3s}.tech-tag:hover{background:rgba(255,255,255,.08)}.hero-title{margin-bottom:2.5rem}.hero-title .greeting{display:block;color:var(--manatee);font-size:var(--fs-4);font-weight:500;opacity:0}.hero-title .name{font-size:var(--fs-1);font-weight:700;color:var(--gold-web-golden);display:block}.hero-title .profession{font-size:var(--fs-3);display:block;color:var(--text-secondary)}@keyframes gradientText{to{background-position:200% center}}.hero-title.loaded .name{background:linear-gradient(135deg,var(--gold-web-golden) 0,var(--orange-soda) 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientText}.hero-description{color:var(--cadet-blue-crayola);margin-bottom:3rem;max-width:580px;margin-inline:auto;font-size:var(--fs-5);opacity:0;animation:.5s .6s forwards fadeInUp}.hero-stats{gap:clamp(3rem,5vw,5rem);margin-bottom:3rem;opacity:0;animation:.5s .8s forwards fadeInUp}.stat-item::after{content:"";right:-1.5rem;top:50%;transform:translateY(-50%);width:1px;height:70%;background:rgba(255,255,255,.1)}.stat-number{color:var(--gold-web-golden);font-size:var(--fs-2);font-weight:700;display:block;margin-bottom:.5rem}.stat-label{color:var(--cadet-blue-crayola);font-size:var(--fs-6);text-transform:uppercase;letter-spacing:1px}.hero-profile{order:1;opacity:0;animation:.5s 1s forwards fadeInUp}.profile-wrapper{margin-inline:auto;max-width:min(450px,100%);perspective:1000px}.profile-card{background:linear-gradient(145deg,var(--independence),var(--space-cadet));border-radius:30px;padding:clamp(2rem,4vw,3rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform-style:preserve-3d;transition:transform .6s}.profile-img{border-radius:20px;margin-bottom:2rem;display:block;margin-left:auto;margin-right:auto;width:100%;height:auto;object-fit:cover;box-shadow:0 10px 30px -5px rgba(0,0,0,.3)}.tech-stack{display:flex;justify-content:center;gap:clamp(1.5rem,3vw,2rem);margin-bottom:2rem}.tech-item{width:clamp(45px,7vw,55px);height:clamp(45px,7vw,55px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:grid;transition:.3s}.tech-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}.tech-item ion-icon{font-size:clamp(22px, 3.5vw, 26px);color:var(--white)}.tech-item::after{content:attr(data-tech);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:var(--fs-6);color:var(--manatee);white-space:nowrap;opacity:0;transition:opacity .3s}.navbar.container,.portfolio-card:hover .nav-arrow,.tech-item:hover::after{opacity:1}.experience-badge{position:absolute;top:.5rem;right:-15px;background:linear-gradient(45deg,var(--klein-blue),var(--bluetiful));padding:.8em 1em;border-radius:50px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.3);animation:2s infinite pulseAnimation}@media (max-width:1199px){.experience-badge{top:1rem}}@media (max-width:767px){.experience-badge{top:.2rem}}@keyframes pulseAnimation{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.badge-icon{font-size:clamp(20px, 3.5vw, 24px);color:var(--gold-web-golden)}.badge-text{color:var(--white);font-size:var(--fs-6);font-weight:600;white-space:nowrap}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){:root{--space-cadet:hsl(243, 23%, 18%)}}.hero-cta{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.btn-group,.herob.btn{gap:10px;display:flex}.herob.btn-primary{background:linear-gradient(90deg,var(--klein-blue),var(--bluetiful));box-shadow:0 10px 20px rgba(0,0,0,.2)}.herob.btn-secondary{border:1px solid var(--glaucous)}.herob.nav-toggle-btn ion-icon{font-size:2.5rem;color:var(--white)}.herob.btn{align-items:center;padding:15px 30px;transition:.3s;color:var(--white);font-size:var(--fs-5);font-weight:var(--fw-600);border-radius:50px;transition:var(--transition-2)}.btn-group{flex-wrap:wrap;justify-content:center;align-items:center}.social-bar{position:fixed;top:50%;transform:translateY(-50%);right:0;display:flex;flex-direction:column;align-items:flex-end;z-index:100}.social-bar a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:2px;color:#fff;transition:.3s;border-radius:50%}.social-bar a:hover{width:60px;border-radius:30px 0 0 30px}.social-bar a i{font-size:20px;transition:.3s}.social-bar a:hover i{margin-right:10px}.github{background:#333}.linkedin{background:#0077b5}.facebook{background:#3b5998}.instagram{background:#e1306c}.about{padding-block-start:80px}.about-banner{background-color:var(--independence);border-radius:var(--radius-10);margin-block-end:30px}.about-banner>.img-cover{border-radius:inherit}.about :is(.section-title,.section-subtitle,.section-text){text-align:left}.about :is(.section-title,.section-text){margin-block-end:30px}.animated-line{width:0;height:4px;background-color:var(--orange-soda);margin:10px auto;border-radius:4px;transition:width .8s ease-in-out}.timeline-date,.timeline-dot{background-color:var(--glaucous)}.timeline-dot,.timeline-dot::after{border-radius:50%;transition:.3s;position:absolute}.container-edu.fade-in .animated-line,.container-edu:hover .animated-line{width:80%}.fade-in{opacity:0;animation:.5s forwards fadeIn}.section-edu.education .container-edu{max-width:1200px;margin:0 auto;padding:0 2rem}.section-subtitle-edu{text-align:center;color:var(--fiery-rose);font-size:2rem;font-weight:600;margin-bottom:.5rem}.section-title-edu{font-size:2.5rem;margin-bottom:3rem;color:var(--white);font-weight:700}.timeline-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:2rem 0}.timeline-heading{font-size:2.75rem;font-weight:600;margin-bottom:2.5rem;color:var(--glaucous)}.timeline-item{padding-left:2.5rem;padding-bottom:3.4rem;border-left:2px solid #e5e7eb}.timeline-dot{left:-.5rem;top:0;width:var(--timeline-dot-size);height:var(--timeline-dot-size)}.timeline-dot::after{content:"";left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--timeline-dot-size) * 2);height:calc(var(--timeline-dot-size) * 2);border:2px solid var(--glaucous);opacity:0}.timeline-item:hover .timeline-dot::after{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.timeline-date{display:inline-block;padding:.5rem 1.25rem;color:#fff;border-radius:6px;font-size:1.375rem;margin-bottom:1rem;transition:transform .3s}.timeline-content{background-color:rgba(255,255,255,.05);padding:1.75rem;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:.4s}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.timeline-content h3{font-size:1.85rem;font-weight:600;margin-bottom:.75rem;color:var(--glaucous)}.timeline-content h4{font-size:1.5rem;font-weight:500;color:var(--orange-soda);margin-bottom:.75rem}.timeline-content p{font-size:1.35rem;color:var(--white);margin-bottom:1.25rem}.timeline-achievements{list-style-type:none;padding-left:0;color:var(--manatee)}.timeline-achievements li{margin-bottom:.75rem;font-size:1.225rem;padding-left:1.5rem;position:relative}.timeline-achievements li::before{content:"→";position:absolute;left:0;color:var(--glaucous);transition:transform .3s}.timeline-achievements li:hover::before{transform:translateX(5px)}.slide-up{animation:.5s forwards slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-section-port{margin:0;font-family:system-ui,-apple-system,sans-serif;padding:clamp(2rem,5vw,6rem);background:#242338;min-height:100vh}.container-port{max-width:min(1200px,90vw);margin:0 auto}.section-header-port{margin-bottom:clamp(2rem,4vw,4rem)}.section-subtitle-port{color:var(--primary);font-size:clamp(1.675rem, 1vw, 1rem);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:inline-block;padding:.5rem 1rem;background:rgba(99,102,241,.1);border-radius:20px;backdrop-filter:blur(4px)}.section-title-port{font-size:clamp(2rem, 4vw, 3rem);font-weight:800;margin:1rem 0;color:var(--dark);background:var(--gradient);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;color:transparent}.filter-button,.portfolio-card,.portfolio-link{background:rgba(99,102,241,.1)}.filter-button,.portfolio-subtitle{color:var(--primary);font-weight:600}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem)}.filter-button{padding:.75rem 1.5rem;border:none;border-radius:25px;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 6px rgba(99,102,241,.1)}.filter-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(99,102,241,.15)}.filter-button.active{background:var(--gradient);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(1rem,3vw,2rem);padding:1rem}.portfolio-card{position:relative;border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.portfolio-main{padding:clamp(1.5rem,3vw,2rem)}.portfolio-subtitle{font-size:clamp(1.875rem, 1.5vw, 1.5rem);margin-bottom:.9rem}.portfolio-title{font-size:clamp(2.5rem, 2.3vw, 2.3rem);font-weight:700;margin:.9rem 0;color:#f5f5f5}.portfolio-description{color:#f5f5f5;line-height:1.6;margin-bottom:1.5rem;font-size:clamp(1.475rem, 1vw, 1rem)}.portfolio-links{display:flex;gap:1rem;margin-top:auto}.portfolio-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;color:var(--primary);transition:.3s;font-weight:600}.portfolio-link:hover{background:var(--gradient);color:#fff;transform:translateY(-2px)}.portfolio-link svg{width:1.25rem;height:1.25rem}.portfolio-additional{position:absolute;left:100%;top:0;width:100%;height:100%;background:#242338!important;transition:left .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.portfolio-additional.active{left:0}.slide-section{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;padding-bottom:max(1rem,min(2rem,4vw));background:0 0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow-y:auto;-webkit-overflow-scrolling:touch}.slide-section.active{opacity:1;visibility:visible}.slide-section h4{font-size:clamp(1.25rem, 3vw, 1.75rem);color:#f5f5f5;margin:0;padding:1rem;border-bottom:2px solid var(--primary-light);position:sticky;top:0;z-index:2;background:#242338;box-shadow:0 2px 4px rgba(0,0,0,.1)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:clamp(.5rem,2vw,1rem);margin:0 1rem 1rem;padding:.5rem;cursor:zoom-in}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.nav-arrow,.nav-dots{position:absolute;display:flex}.lightbox-image{max-width:90%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:scale(.9);transition:transform .3s}.nav-arrow,.nav-dot,input,label,textarea{transition:.3s}.lightbox-overlay.active{display:flex;animation:.3s fadeIn}.lightbox-overlay.active .lightbox-image{transform:scale(1)}.gallery img,.gallery picture{cursor:zoom-in;width:100%;height:clamp(100px,30vw,200px);object-fit:cover;border-radius:clamp(.5rem,2vw,1rem);transition:transform .3s;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.gallery img:hover,.gallery picture{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}.nav-arrow{top:50%;transform:translateY(-50%);width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);background:var(--gradient);color:#fff;border:none;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;opacity:0;z-index:2;font-size:1.25rem}.nav-arrow:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px rgba(99,102,241,.2)}.nav-arrow.right{right:.2rem}.nav-arrow.left{left:.2rem}.nav-dots{bottom:1rem;left:50%;transform:translateX(-50%);gap:.75rem;z-index:10}.nav-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;cursor:pointer}.nav-dot:hover{background:var(--primary-light)}.nav-dot.active{background:var(--primary);transform:scale(1.2)}.comments,.testimonials{display:grid;gap:clamp(1rem,2vw,1.5rem);margin:0 1rem 1rem;justify-content:center;align-content:center}.comment,.testimonial{background:#6f7fd1;border-radius:clamp(.5rem,2vw,1rem);padding:clamp(1rem,3vw,1.5rem);width:60%;margin:0 auto 1rem;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}.comment:hover,.testimonial:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.comment-author,.testimonial-author{font-size:clamp(.9rem, 2vw, 1.1rem);margin-bottom:clamp(.5rem,2vw,1rem);color:var(--dark);display:flex;align-items:center;gap:.5rem}.comment p,.testimonial p{font-size:clamp(1.375rem, 1.5vw, 1rem);line-height:1.6;color:#f5f5f5;margin:0}@media (max-width:480px){.hero{padding:0 5px}.hero-content,.hero-profile{margin:0 auto}.filter-container{flex-direction:column;align-items:stretch}.filter-button{width:100%}.gallery{grid-template-columns:1fr}}@media (hover:none){.nav-arrow{opacity:1}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.comment.last-c,.testimonial.last-t{margin-bottom:5rem}.skills .section-title{margin-block-end:20px}.skills .section-text{margin-block-end:70px}.copyright,.skills-item .wrapper{margin-block-end:10px}.skills-list{display:grid;gap:25px}.skills-data,.skills-title{color:var(--white);font-size:var(--fs-5);font-family:var(--ff-barlow);font-weight:var(--fw-600)}.info-icon,input,label,textarea{font-size:1.5rem}.skills-progress-box{background-color:var(--white);height:8px;border-radius:var(--radius-10)}.skills-progress{background-color:var(--orange-soda);height:100%;border-radius:inherit}.section.contact{font-family:Poppins,sans-serif;background-color:var(--space-cadet);color:var(--white);line-height:1.6;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;overflow-x:hidden}.section.contact .container-newc{width:100%;max-width:1000px;background-color:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.2);display:flex;box-sizing:border-box;padding-inline:0px}.section.contact .form-container{flex:1;padding:3rem}.info-container{flex:1;background-color:var(--midnight-blue);padding:1rem;position:relative;overflow:hidden}.section.contact .get-conn-a .h1-get{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--orange-soda)}.form-group{margin-bottom:1.5rem;position:relative}label{position:absolute;left:1rem;top:1rem;color:var(--manatee)}input,textarea{width:100%;padding:1rem;background-color:rgba(255,255,255,.1);border:2px solid var(--glaucous);border-radius:10px;color:var(--white)}input:focus,input:not(:placeholder-shown),textarea:focus,textarea:not(:placeholder-shown){border-color:var(--orange-soda);outline:0}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{top:-.5rem;left:.5rem;font-size:1.2rem;padding:0 .5rem;background-color:var(--space-cadet);border-radius:4px}.section.contact textarea{min-height:150px;resize:vertical}.section.contact button{background-color:var(--orange-soda);color:var(--white);border:none;padding:1rem 2rem;font-size:1.5rem;font-weight:600;border-radius:10px;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.blog-card .read-more,.error,.info-icon,.info-item a:hover{color:var(--orange-soda)}.blog-card h3,.info-item a,.toast{color:var(--white)}.section.contact button::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background-color:rgba(255,255,255,.2);border-radius:50%;transition:width .5s,height .5s}.section.contact button:hover::before{width:300px;height:300px}.info-item{display:flex;align-items:center;margin-bottom:2rem}.info-item a{transition:color .3s}.info-icon{margin-right:1rem}.error{font-size:.8rem;margin-top:.5rem}@media (max-width:768px){.portfolio-grid,.timeline-container{grid-template-columns:1fr}.hero{padding-top:15rem}.hero-title .name{font-size:clamp(3rem, 10vw, 4.5rem)}.profile-card{margin-top:-8rem;margin-bottom:4rem}.experience-badge{position:absolute;top:20px;right:-20px;padding:10px 20px;border-radius:50px;display:flex;align-items:center;gap:10px;transform:translateX(50%)}.timeline-container{gap:2rem}.section-title-edu{font-size:2rem}.nav-arrow{width:36px;height:36px}.nav-arrow.right{right:.2rem}.nav-arrow.left{left:.2rem}.portfolio-links,.section.contact .container-newc{flex-direction:column}.portfolio-link{text-align:center;justify-content:center}.form-container,.info-container{padding:2rem}}.animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.popup,.toast{position:fixed;z-index:1000}.animated-bg span{position:absolute;display:block;width:20px;height:20px;background-color:rgba(255,255,255,.1);animation:7s linear infinite move;bottom:-150px}@keyframes move{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.toast{background-color:var(--glaucous);box-shadow:0 5px 15px rgba(0,0,0,.2);top:20px;right:20px;background-color:#6d8ed1;color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-50px);max-width:300px}.copyright,.footer-list{max-width:max-content;margin-inline:auto}.toast.show{opacity:1;transform:translateY(0)}.toast-content{display:flex;align-items:center}.toast-icon{font-size:24px;margin-right:10px}.toast-message{flex-grow:1}.toast-close{font-size:20px;color:#fff;background:0 0;border:none;cursor:pointer;padding:0;margin-left:10px}.blog-card-content,.blog-list{padding:20px}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.copyright-link,.footer-list *{display:inline-block}.blog-card{background-color:var(--midnight-blue);border-radius:var(--radius-10);overflow:hidden;transition:transform .3s}.copyright-link,.footer-link{transition:var(--transition-2)}.blog-card:hover{transform:translateY(-5px)}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-card h3{margin-bottom:10px}.blog-card p,.popup p{margin-bottom:15px}.blog-card p{color:var(--cadet-blue-crayola)}.blog-card .read-more{font-weight:700}.footer{background-color:var(--independence);padding-block:60px}.copyright-link{font-weight:var(--fw-600)}.copyright-link:is(:hover,:focus){color:var(--white)}.footer-list>li:not(:last-child){margin-inline-end:40px}.footer-link:is(:hover,:focus){color:var(--white)}.popup{display:none;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);animation:.3s fadeIn}.popup-content{background-color:#242338;color:#fff;margin:10% auto;padding:20px;border:1px solid #6d8ed1;width:80%;max-width:600px;border-radius:5px;animation:.3s slideIn}.close,.popup h2{color:#6d8ed1}.close{float:right;font-size:28px;font-weight:700;cursor:pointer}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer}@media screen and (max-width:768px){.popup-content{width:95%;margin:10% auto;padding:20px}.popup h2{font-size:24px}.popup p{font-size:14px}}@media screen and (max-width:480px){.popup-content{margin:15% auto;padding:15px}.popup h2{font-size:20px}.popup p{font-size:13px}.close{font-size:24px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){.blog-list,.skills-list{grid-template-columns:1fr 1fr;column-gap:50px}}@media (min-width:992px){.hero-wrapper{grid-template-columns:1.2fr 1fr;gap:6rem}.hero-content{text-align:left;order:1}.hero-stats,.hero-subtitle{justify-content:flex-start}.copyright,.footer-list,.hero-description{margin-inline:0}.hero-profile{order:2}:root{--fs-1:6.4rem;--fs-2:3.5rem;--fs-3:3.6rem;--section-padding:80px}.container{max-width:1050px;margin-inline:auto}.nav-toggle-btn{display:none}.header,.header.nav-active{background-color:var(--space-cadet);box-shadow:var(--shadow);box-shadow:none;height:unset;padding-block:10px}.header.active{background-color:var(--space-cadet);box-shadow:var(--shadow);padding-block:20px}.navbar{all:unset}.navbar-list{display:flex;align-items:center;gap:30px}.navbar .btn{margin-block-start:0;--padding:7px 30px}.about{padding-block:180px}.about .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.about-banner{position:relative;margin-block-end:0}.abs-icon,.abs-img{border-radius:inherit;display:block;position:absolute}.abs-img{width:250px;height:250px;object-fit:cover;bottom:-150px;left:-100px}.abs-icon{padding:10px}.abs-icon-1{top:50px;left:-50px;background-color:var(--bluetiful)}.abs-icon-2{top:-20px;right:-20px;background-color:green}.abs-icon-3{bottom:-40px;left:250px;background-color:var(--rufous)}.skills-list{column-gap:100px}.blog{padding-block-end:180px}.blog-list{grid-template-columns:repeat(3,1fr);gap:25px}.footer .container{display:flex;justify-content:space-between;align-items:center}}#my-h2-mode,.hero-description{display:inline}#my-h2-mode{font-size:inherit;font-weight:400}.h2-footer{font-weight:700;font-size:large;padding-bottom:.5rem}