:root{--primary-color:#98ff3f;--accent-color:#18c8ce;--text-color:#e2e2e2;--bg-color:#010d12;--bg-color-lighter:#011016;--bg-color-lightest:#03161e;--header-height:80px;--container-padding-xl:20vw;--container-padding-lg:10vw;--container-padding-md:8vw;--container-padding-sm:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:500;gap:.5rem;height:60px;padding:1rem 2rem;text-decoration:none;transition:all .3s}.btn.btn-primary{background-color:var(--primary-color);color:#000}.btn.btn-primary:hover{background-color:var(--accent-color)}.btn.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.featured-link{align-items:center;color:var(--primary-color);display:flex;font-size:1.2rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s}.featured-link:hover{color:var(--accent-color)}section{padding:3rem var(--container-padding-xl) 4rem;text-align:center;width:100%}section.bg-lighter{background-color:var(--bg-color-lighter)}section .upper{margin-bottom:2rem}@media (max-width:1600px){section{padding:3rem var(--container-padding-lg) 4rem}}@media (max-width:992px){section{padding:3rem var(--container-padding-md) 4rem}}@media (max-width:576px){section{padding:3rem var(--container-padding-sm) 4rem}}h2{color:#fff;font-size:3rem;margin-bottom:1rem}h2:after{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));border-radius:5px;content:"";display:block;height:5px;margin:0 auto 1rem;width:100px}h3{color:var(--accent-color);font-size:1.3rem;font-weight:500}.text{color:var(--text-color);font-size:1.1rem;line-height:1.8rem}.text p:not(:last-child){margin-bottom:2rem}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(1,13,18,.8);box-shadow:0 2px 5px rgba(0,0,0,.1);justify-content:space-between;padding:1rem 20vw;position:fixed;width:100vw;z-index:1000}header,header .logo{align-items:center;display:flex}header .logo{gap:1rem}header .logo i,header .logo span{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2rem}header .logo span{font-weight:700}header nav ul{display:flex;gap:2rem;list-style:none}header nav ul li{padding:.5rem 0;position:relative}header nav ul li:after{background:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}header nav ul li:hover:after{width:100%}header nav ul li.active:after{background:var(--primary-color);width:100%}header nav ul a{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s}header nav ul a:hover{color:var(--accent-color)}header .lang-switcher{border-left:1px solid var(--bg-color-lightest);margin-left:1rem;padding-left:1rem;position:relative}header .lang-switcher:after{display:none}header .lang-switcher .lang-btn{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem;transition:color .3s}header .lang-switcher .lang-btn:hover{color:var(--accent-color)}header .lang-switcher .lang-dropdown{background:var(--bg-color-lighter);border:1px solid var(--bg-color-lightest);border-radius:5px;min-width:150px;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden}header .lang-switcher .lang-dropdown a{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}header .lang-switcher .lang-dropdown a.active{color:var(--primary-color)}header .lang-switcher .lang-dropdown a i{font-size:1.1rem}header .lang-switcher:hover .lang-dropdown{opacity:1;transform:translateY(0);visibility:visible}header .mobile-menu-btn{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;font-size:2rem;transition:color .3s}header .mobile-menu-btn:hover{color:var(--primary-color)}@media (max-width:1600px){header{padding:1rem 10vw}}@media (max-width:1200px){header .mobile-menu-btn{display:block;z-index:1001}header .nav-menu{background:var(--bg-color);height:100vh;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:.3s ease;width:300px}header .nav-menu.active{right:0}header .nav-menu ul{flex-direction:column;gap:2rem}header .nav-menu ul li{text-align:center;width:100%}header .nav-menu ul li:after{display:none}header .nav-menu ul .lang-switcher{border:none;margin:0;padding:0;text-align:center;width:100%}header .nav-menu ul .lang-switcher .lang-btn{justify-content:center;width:100%}header .nav-menu ul .lang-switcher .lang-dropdown{margin-top:.5rem;opacity:1;position:static;transform:none;visibility:visible}}@media (max-width:992px){header{padding:1rem 8vw}}@media (max-width:576px){header{padding:1rem 1.5rem}}.hero{align-items:center;background-color:var(--bg-color-lighter);color:#fff;display:flex;gap:10%;justify-content:space-between;padding-top:8rem;position:relative;text-align:left}.hero #particles-js{height:100%;inset:0;position:absolute;width:100%}.hero .content{width:50%;z-index:1}.hero .content .title-wrapper h1{font-size:4rem;line-height:4.5rem}.hero .content .title-wrapper h1 span{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .content .text{margin-top:1rem}.hero .content .buttons{align-items:center;display:flex;gap:1rem;margin-top:2rem}.hero .featured-icon{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:25rem;pointer-events:none;z-index:1}.hero .chevrons,.hero .featured-icon{animation:float 2s ease-in-out infinite}.hero .chevrons{bottom:1rem;color:#fff;font-size:3rem;left:50%;opacity:.6;position:absolute;transform:translateX(-50%)}@media (min-width:768px){.hero{min-height:100vh}}@media (max-width:1200px){.hero .content{width:100%}.hero .featured-icon{display:none}}@media (max-width:767px){.hero .chevrons{display:none}.hero .content .buttons{flex-direction:column}.hero .content .buttons .btn{width:100%}}.about .buttons{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;margin-top:2rem}.about .about-content .text{margin:0 auto 3rem;max-width:800px}.about .about-content .text p{color:var(--text-color);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about .about-content .soft-skills{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.about .about-content .soft-skills .skill-card{background:var(--bg-color-lighter);border:1px solid var(--bg-color-lightest);border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease}.about .about-content .soft-skills .skill-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.about .about-content .soft-skills .skill-card:hover i{color:var(--primary-color)}.about .about-content .soft-skills .skill-card i{color:var(--accent-color);font-size:2.5rem;margin-bottom:1rem;transition:inherit}.about .about-content .soft-skills .skill-card h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.about .about-content .soft-skills .skill-card p{font-size:.95rem;line-height:1.6}.about .about-content .soft-skills .skill-card h4,.about .about-content .soft-skills .skill-card p{color:var(--text-color)}.about .about-content .buttons{display:flex;gap:1rem;justify-content:center}@media (max-width:768px){.about .about-content .soft-skills{gap:1rem;grid-template-columns:1fr}}.skills .badges{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.skills .badges .badge{align-items:center;background-color:var(--bg-color-lightest);border:1px solid transparent;border-radius:6px;color:var(--text-color);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem;transition:all .3s ease}.skills .badges .badge i{color:var(--accent-color);font-size:2.5rem;transition:all .3s ease}.skills .badges .badge:hover{background-color:var(--bg-color);border-color:var(--primary-color);transform:translateY(-3px)}.skills .badges .badge:hover i{color:var(--primary-color)}.projects .swiper{padding-top:10px}@media screen and (min-width:769px){.projects .cards{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}}.projects .cards .card{background-color:var(--bg-color-lighter);border:1px solid var(--bg-color-lightest);border-radius:8px;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-align:left;transition:all .3s}.projects .cards .card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.projects .cards .card .title{align-items:center;color:var(--primary-color);display:flex;font-size:1.3rem;font-weight:600;height:3rem;margin-bottom:.8rem}.projects .cards .card .text{color:var(--text-color);font-size:.95rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.projects .cards .card .badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.projects .cards .card .badges .badge{align-items:center;background-color:var(--bg-color-lightest);border-radius:4px;color:var(--text-color);display:inline-flex;font-size:.85rem;font-weight:500;gap:.3rem;padding:.3rem .8rem;transition:all .3s}.projects .cards .card .badges .badge i{color:var(--primary-color);font-size:1rem}.projects .cards .card .badges .badge:hover{background-color:var(--accent-color);color:#000;transform:translateY(-2px)}.projects .cards .card .badges .badge:hover i{color:#000}.projects .cards .card .featured-link{align-items:center;border-top:1px solid var(--bg-color-lightest);color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;margin-top:auto;padding-top:1rem;width:100%}.projects .cards .card .featured-link i{font-size:1.1rem}.projects .cards .card .featured-link:hover{color:var(--primary-color)}@media (max-width:1200px){.projects .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects .cards{display:none}}.projects .projects-slider{margin-top:2rem}.projects .projects-slider .swiper-button-next,.projects .projects-slider .swiper-button-prev{color:var(--primary-color);display:none}.projects .projects-slider .swiper-button-next:after,.projects .projects-slider .swiper-button-prev:after{font-size:1.5rem}.projects .projects-slider .swiper-pagination{display:none;margin-top:2rem;position:relative}.projects .projects-slider .swiper-pagination .swiper-pagination-bullet{background:var(--bg-color-lightest);height:10px;margin:0 5px;opacity:1;width:10px}.projects .projects-slider .swiper-pagination .swiper-pagination-bullet-active{background:var(--primary-color)}@media (max-width:768px){.projects .projects-slider .cards{display:flex}.projects .projects-slider .swiper-slide{height:auto}.projects .projects-slider .swiper-button-next,.projects .projects-slider .swiper-button-prev,.projects .projects-slider .swiper-pagination{display:block}.projects .projects-slider .card{height:100%}}.projects .projects-slider .swiper-nav{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.projects .projects-slider .swiper-nav .swiper-button-next,.projects .projects-slider .swiper-nav .swiper-button-prev{height:1.2rem;margin:0;position:static;width:1.2rem}.projects .projects-slider .swiper-nav .swiper-button-next:after,.projects .projects-slider .swiper-nav .swiper-button-prev:after{font-size:1.2rem}.projects .projects-slider .swiper-nav .swiper-pagination{margin:0;position:static;width:auto}.projects .projects-slider .swiper-nav .swiper-pagination .swiper-pagination-bullet{margin:0 .3rem}@media (max-width:768px){.projects .projects-slider .swiper-nav{display:flex}}.form .form-wrapper{display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin-top:2rem;text-align:left}.form .form-wrapper .contact-info h4{color:var(--text-color);font-size:1.8rem;margin-bottom:1rem}.form .form-wrapper .contact-info p{color:var(--text-color);line-height:1.6;margin-bottom:2rem}.form .form-wrapper .contact-info .contact-methods{display:flex;flex-direction:column;gap:1.5rem}.form .form-wrapper .contact-info .contact-methods .method{align-items:center;display:flex;gap:1rem}.form .form-wrapper .contact-info .contact-methods .method i{background:var(--bg-color-lightest);border-radius:50%;color:var(--primary-color);font-size:1.5rem;padding:1rem}.form .form-wrapper .contact-info .contact-methods .method .info h5{color:var(--text-color);font-size:1.1rem;margin-bottom:.2rem}.form .form-wrapper .contact-info .contact-methods .method .info p{color:var (--text-color);font-size:.9rem;margin:0}.form .form-wrapper .contact-info .contact-methods .method .info a{color:var(--text-color);font-size:.9rem;text-decoration:none;transition:color .3s ease}.form .form-wrapper .contact-info .contact-methods .method .info a:hover{color:var(--primary-color)}.form .form-wrapper .contact-form{background:var(--bg-color-lightest);border-radius:10px;display:flex;flex-direction:column;height:100%;padding:2rem}.form .form-wrapper .contact-form .form-group{margin-bottom:1.5rem}.form .form-wrapper .contact-form .form-group:nth-last-child(2){display:flex;flex:1;flex-direction:column;margin-bottom:1.5rem}.form .form-wrapper .contact-form .form-group label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form .form-wrapper .contact-form .form-group input,.form .form-wrapper .contact-form .form-group textarea{background:var(--bg-color);border:1px solid var(--bg-color-lightest);border-radius:5px;color:var(--text-color);font-size:1rem;padding:.8rem;transition:all .3s;width:100%}.form .form-wrapper .contact-form .form-group input:focus,.form .form-wrapper .contact-form .form-group textarea:focus{border-color:var(--primary-color);outline:none}.form .form-wrapper .contact-form .form-group textarea{flex:1;height:100%;resize:vertical}.form .form-wrapper .contact-form button{margin-top:auto}@media (max-width:768px){.form .form-wrapper{gap:2rem;grid-template-columns:1fr}}footer{background-color:var(--bg-color);color:#fff;padding:4rem 20vw 2rem}footer .footer-content{display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}footer .footer-content h3{font-size:1.2rem;margin-bottom:1rem}footer .footer-content a{color:var(--text-color);text-decoration:none;transition:color .3s ease}footer .footer-content a:hover{color:var(--primary-color)}footer .footer-brand{white-space:nowrap}footer .footer-brand .logo{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.5rem;margin-bottom:1rem}footer .footer-brand .logo i,footer .footer-brand .logo span{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent}footer .footer-brand p{color:var(--text-color);font-size:1.2rem;font-weight:500}footer .footer-contact .contact-info{display:flex;flex-direction:column;gap:1rem}footer .footer-contact .contact-info a{align-items:center;display:flex;gap:.5rem}footer .footer-social .social-links{display:flex;gap:1rem}footer .footer-social .social-links a{font-size:1.5rem}footer .footer-bottom{border-top:1px solid var(--bg-color-lightest);color:var(--text-color);font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:1200px){footer{--footer-padding-x:10vw}footer .footer-content{align-items:center;flex-direction:column;text-align:center}footer .footer-content .footer-contact,footer .footer-content .footer-social{width:-moz-fit-content;width:fit-content}footer .footer-content .contact-info{align-items:center}footer .footer-content .contact-info a,footer .footer-content .social-links{justify-content:center}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes notificationBounce{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(5px)}60%{transform:translateX(-2px)}80%{transform:translateX(1px)}to{transform:translateX(0)}}.notification{align-items:center;background:var(--bg-color-lighter);border:1px solid var(--bg-color-lightest);border-radius:8px;bottom:2rem;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;gap:1rem;opacity:0;padding:1rem 1.5rem;position:fixed;right:2rem;transform:translateX(120%);transition:transform .3s ease,opacity .2s ease;z-index:1000}.notification.show{animation:notificationBounce .6s ease .3s;opacity:1;transform:translateX(0)}.notification.success{border-color:var(--primary-color)}.notification.success i{color:var(--primary-color)}.notification.error{border-color:#ff3f3f}.notification.error i{color:#ff3f3f}.notification i{font-size:1.5rem}.notification .message{color:var(--text-color);font-size:.95rem}.notification .close{color:var(--text-color);cursor:pointer;margin-left:.5rem;opacity:.7;transition:opacity .3s}.notification .close:hover{opacity:1}