html,body{color:#fff;background:#000 url(/images/background-portfolio-2.png) 50%/cover no-repeat fixed;width:100%;max-width:100%;margin:0;padding:0;font-family:Manrope,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}html:has(body.modal-open){overflow:hidden}*{box-sizing:border-box}main{z-index:2;width:100%;max-width:100%;position:relative;overflow-x:hidden}.main-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.main-navigation.visible{opacity:1;background:#0000001a}@media (max-width:1400px){.main-navigation{padding:1.5rem}}@media (max-width:1024px){.main-navigation{padding:1rem}}@media (max-width:768px){.main-navigation{padding:1rem .75rem}}.main-navigation .nav-left{align-items:center;gap:1rem;display:flex}.main-navigation .nav-left .nav-avatar{border-radius:50%;width:50px;height:50px}.main-navigation .nav-left .nav-info h3{color:#fff;margin:0;font-size:1.2rem}.main-navigation .nav-left .nav-info span{color:#c9c9c9;font-size:.9rem}.main-navigation .nav-right{gap:2rem;display:flex}@media (max-width:1024px){.main-navigation .nav-right{gap:1.5rem}}@media (max-width:768px){.main-navigation .nav-right{display:none}}.main-navigation .nav-right .nav-link{color:#c9c9c9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:25px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (max-width:1024px){.main-navigation .nav-right .nav-link{padding:.6rem 1.2rem;font-size:.9rem}}.main-navigation .nav-right .nav-link:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.main-navigation .nav-right .nav-link:after{content:"";z-index:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-navigation .nav-right .nav-link span{z-index:2;position:relative}.main-navigation .nav-right .nav-link:hover{color:#fff;text-shadow:0 0 10px #ffffff80;background:#ffffff1a;border:1px solid #fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003,0 0 20px #ffffff1a,inset 0 1px #fff3}.main-navigation .nav-right .nav-link:hover:before{left:100%}.main-navigation .nav-right .nav-link:hover:after{width:120%;height:120%}.main-navigation .nav-right .nav-link.active{color:#fff;text-shadow:0 0 8px #fff9;background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 4px 15px #0003,0 0 15px #ffffff26,inset 0 1px #ffffff4d}.main-navigation .nav-right .nav-link.active:after{width:100%;height:100%}.main-navigation .nav-right .nav-link.active:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d,0 0 25px #fff3,inset 0 1px #fff6}.main-navigation .nav-right .nav-link.active{animation:3s infinite navPulse}.main-navigation .mobile-menu-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;font-size:1.5rem;transition:all .3s;display:none}.main-navigation .mobile-menu-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.main-navigation .mobile-menu-btn:active{transform:scale(.95)}@media (max-width:768px){.main-navigation .mobile-menu-btn{display:flex}}.main-navigation .mobile-menu-btn svg{width:20px;height:20px}.main-navigation .mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#000000f2;height:100vh;padding:2rem;transition:transform .3s;display:none;position:fixed;top:0;left:0;right:0;transform:translate(100%)}.main-navigation .mobile-menu.open{transform:translate(0)}@media (max-width:768px){.main-navigation .mobile-menu{display:block}}.main-navigation .mobile-menu .mobile-menu-header{border-bottom:1px solid #ffffff1a;justify-content:flex-end;margin-bottom:2rem;padding-bottom:2rem;display:flex}.main-navigation .mobile-menu .mobile-menu-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.main-navigation .mobile-menu .mobile-menu-close:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.main-navigation .mobile-menu .mobile-menu-close:active{transform:scale(.95)}.main-navigation .mobile-menu .mobile-menu-close svg{width:20px;height:20px}.main-navigation .mobile-menu .mobile-nav-links{flex-direction:column;gap:1rem;display:flex}.main-navigation .mobile-menu .mobile-nav-links .nav-link{color:#c9c9c9;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1rem;font-size:1.1rem;text-decoration:none;transition:all .3s}.main-navigation .mobile-menu .mobile-nav-links .nav-link:hover,.main-navigation .mobile-menu .mobile-nav-links .nav-link.active{color:#fff;background:#ffffff1a;border-color:#fff3}@keyframes navPulse{0%,to{box-shadow:0 4px 15px #0003,0 0 15px #ffffff26,inset 0 1px #ffffff4d}50%{box-shadow:0 6px 20px #00000040,0 0 20px #ffffff40,inset 0 1px #fff6}}section{box-sizing:border-box;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:5rem;display:flex;overflow-x:hidden}@media (max-width:1400px){section{max-width:1200px;padding:0 1.5rem}}@media (max-width:1024px){section{max-width:100%;padding:0 1rem}}@media (max-width:768px){section{min-height:auto;padding:0 .75rem}}section .title-row{align-items:center;margin-bottom:.8rem;display:flex}section .title-row img{width:20px;height:20px;margin-right:.8rem}section .title-row h2{color:#fff;margin:0;font-size:1.1rem}.flex-col{flex-direction:column;display:flex}.btn-default{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:.5rem 1rem;font-family:Space Grotesk;font-size:1.1rem;font-weight:400;transition:all .3s}.btn-default:hover{background:#f0f0f0;transform:translateY(-1px)}.hero-section{z-index:2;background-size:cover;justify-content:center;align-items:center;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:0 2rem 4rem;position:relative}@media (max-width:1400px){.hero-section{max-width:1200px;padding:0 1.5rem 4rem}}@media (max-width:1024px){.hero-section{max-width:100%;padding:100px 1rem 4rem}}@media (max-width:768px){.hero-section{min-height:100svh;padding:80px .75rem 4rem}}.hero-section .top{z-index:2;align-items:center;width:35rem}.hero-section .top .small-av{max-width:80px}@media (max-width:768px){.hero-section .top{text-align:center;width:100%}}.hero-section .top h1{margin:0;font-size:1.2rem}@media (max-width:768px){.hero-section .top h1{font-size:1.1rem}}.hero-section .top span{color:#c9c9c9;font-size:.8rem;font-weight:lighter}@media (max-width:768px){.hero-section .top span{font-size:.75rem}}.hero-section .main-line{z-index:2;margin-top:2rem;font-family:Consolas;font-size:2.8rem}.hero-section .main-line .typewriter-cursor{margin-left:2px;animation:.8s step-end infinite cursorBlink;display:inline-block}@media (max-width:1024px){.hero-section .main-line{text-align:center;font-size:2.4rem}}@media (max-width:768px){.hero-section .main-line{margin-top:1.5rem;font-size:2rem;line-height:1.2}}@media (max-width:480px){.hero-section .main-line{font-size:1.6rem}}.hero-section .chat-container{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;width:50%;min-height:25rem;margin-top:4rem;padding:1.5rem;display:flex;position:relative}@media (max-width:1024px){.hero-section .chat-container{width:70%;min-height:22rem;margin-top:3rem}}@media (max-width:768px){.hero-section .chat-container{border-radius:15px;width:100%;min-height:20rem;margin-top:2rem;padding:1rem}}.hero-section .chat-container .chat-header{color:#fff;align-items:center;margin-bottom:1.5rem;display:flex}@media (max-width:768px){.hero-section .chat-container .chat-header{margin-bottom:1rem}}.hero-section .chat-container .chat-header .ai-icon{width:20px;height:20px;margin-right:8px}@media (max-width:768px){.hero-section .chat-container .chat-header .ai-icon{width:18px;height:18px}}.hero-section .chat-container .chat-header span{font-size:1rem;font-weight:500}@media (max-width:768px){.hero-section .chat-container .chat-header span{font-size:.9rem}}.hero-section .chat-container .chat-suggestions{margin-bottom:1.5rem}@media (max-width:768px){.hero-section .chat-container .chat-suggestions{margin-bottom:1rem}}.hero-section .chat-container .chat-suggestions .suggestion{color:#c9c9c9;cursor:pointer;margin-bottom:.8rem;font-size:.9rem;transition:color .2s}@media (max-width:768px){.hero-section .chat-container .chat-suggestions .suggestion{margin-bottom:.6rem;font-size:.85rem}}.hero-section .chat-container .chat-suggestions .suggestion:last-child{margin-bottom:0}.hero-section .chat-container .chat-suggestions .suggestion:hover{color:#fff}.hero-section .chat-container .chat-suggestions .suggestion:before{content:"> ";color:#888}.hero-section .chat-container .answers{scroll-behavior:smooth;scrollbar-width:none;text-wrap:auto;flex:1;height:auto;max-height:15rem;margin-bottom:1rem;padding:0;overflow-y:auto;font-family:Manrope!important}@media (max-width:768px){.hero-section .chat-container .answers{max-height:12rem}}.hero-section .chat-container .answers .user,.hero-section .chat-container .answers .assistant{justify-content:end;width:100%;margin-bottom:.5rem;display:flex}.hero-section .chat-container .answers .user span,.hero-section .chat-container .answers .assistant span{background:#ffffff14;border-radius:8px;padding:.5rem}@media (max-width:768px){.hero-section .chat-container .answers .user span,.hero-section .chat-container .answers .assistant span{padding:.4rem;font-size:.85rem}}.hero-section .chat-container .answers .assistant{justify-content:start}.hero-section .chat-container .answers .assistant span{color:#fff;background:0 0}.hero-section .chat-container .inputarea{align-items:center;gap:.5rem;width:100%;display:flex;bottom:1.5rem;left:1.5rem;right:1.5rem}@media (max-width:768px){.hero-section .chat-container .inputarea{gap:.4rem;width:calc(100% - 2rem);bottom:1rem;left:1rem;right:1rem}}.hero-section .chat-container .inputarea input{color:#fff;background:#3a3a3a;border:none;border-radius:25px;flex:1;height:2.5rem;padding:0 1rem;font-size:.9rem}@media (max-width:768px){.hero-section .chat-container .inputarea input{height:2.2rem;padding:0 .8rem;font-size:.85rem}}.hero-section .chat-container .inputarea input::placeholder{color:#696969}.hero-section .chat-container .inputarea button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;height:2.5rem;padding:0 1.5rem;font-family:Manrope;font-size:.9rem;font-weight:500;transition:all .2s}@media (max-width:768px){.hero-section .chat-container .inputarea button{height:2.2rem;padding:0 1rem;font-size:.8rem}}.hero-section .chat-container .inputarea button:hover{background:#fff3}.hero-section .see-more-container{z-index:2;margin-top:2rem}@media (max-width:768px){.hero-section .see-more-container{margin-top:1.5rem}}.hero-section .see-more-container .see-more-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:.5rem 0;font-family:Manrope;font-size:1rem;transition:all .3s;display:flex}@media (max-width:768px){.hero-section .see-more-container .see-more-btn{gap:6px;font-size:.9rem}}.hero-section .see-more-container .see-more-btn:hover{transform:translateY(2px)}.hero-section .see-more-container .see-more-btn:hover svg{transform:translateY(4px)}.hero-section .see-more-container .see-more-btn svg{transition:transform .3s;animation:2s infinite bounce}@media (max-width:768px){.hero-section .see-more-container .see-more-btn svg{width:20px;height:20px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}section.about-me{box-sizing:border-box;flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:6rem 0 4rem;overflow:hidden}@media (max-width:1400px){section.about-me{max-width:1200px}}@media (max-width:1024px){section.about-me{max-width:100%;padding-top:60px}}section.about-me .about-content{flex:1;align-items:stretch;gap:2rem;min-height:calc(100vh - 140px);padding:2rem 3rem;display:flex;overflow:hidden}@media (max-width:1400px){section.about-me .about-content{padding:2rem}}@media (max-width:1024px){section.about-me .about-content{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}}@media (max-width:768px){section.about-me .about-content{gap:1rem;padding:1rem}}section.about-me .left{flex-direction:column;flex-shrink:0;gap:1.5rem;width:350px;min-width:300px;height:700px;display:flex}@media (max-width:1024px){section.about-me .left{flex-direction:row;gap:2rem;width:100%;min-width:auto;height:auto}}@media (max-width:768px){section.about-me .left{flex-direction:column;gap:1rem;height:auto}}section.about-me .left .main-profile-pic{object-fit:cover;border-radius:20px;flex-shrink:0;width:100%;height:auto;max-height:45%}@media (max-width:1024px){section.about-me .left .main-profile-pic{width:50%;height:auto;max-height:none}}@media (max-width:768px){section.about-me .left .main-profile-pic{width:100%;height:auto}}section.about-me .left .stack-card{flex:1;height:auto;min-height:0;overflow:hidden}@media (max-width:1024px){section.about-me .left .stack-card{width:50%}}@media (max-width:768px){section.about-me .left .stack-card{width:100%}}section.about-me .left .stack-card .title-row{margin-bottom:.5rem}@media (max-width:768px){section.about-me .left .stack-card .title-row img{width:18px;height:18px}section.about-me .left .stack-card .title-row h2{font-size:1rem}}section.about-me .left .stack-card .stacks-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:.5rem;padding:.5rem 0;display:grid}@media (max-width:768px){section.about-me .left .stack-card .stacks-grid{gap:.8rem}}section.about-me .left .stack-card .stacks-grid .stack-item{flex-direction:column;align-items:center;gap:.3rem;display:flex}section.about-me .left .stack-card .stacks-grid .stack-item .stack-circle{width:60px;height:60px;position:relative}@media (max-width:768px){section.about-me .left .stack-card .stacks-grid .stack-item .stack-circle{width:50px;height:50px}}section.about-me .left .stack-card .stacks-grid .stack-item .stack-circle svg{width:100%;height:100%}section.about-me .left .stack-card .stacks-grid .stack-item .stack-circle img{object-fit:contain;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){section.about-me .left .stack-card .stacks-grid .stack-item .stack-circle img{width:24px;height:24px}}section.about-me .left .stack-card .stacks-grid .stack-item .stack-name{color:#fff;font-size:.8rem;font-weight:500}@media (max-width:768px){section.about-me .left .stack-card .stacks-grid .stack-item .stack-name{font-size:.75rem}}section.about-me .left .stack-card .stacks-grid .stack-item .stack-percentage{color:#c9c9c9;font-size:.7rem;font-weight:600}@media (max-width:768px){section.about-me .left .stack-card .stacks-grid .stack-item .stack-percentage{font-size:.65rem}}section.about-me .right{flex-direction:column;flex:1;gap:1rem;height:700px;display:flex;overflow:hidden}@media (max-width:1024px){section.about-me .right{height:auto}}section.about-me .right .about-card{flex-shrink:0;height:auto;min-height:200px;overflow:hidden}@media (max-width:768px){section.about-me .right .about-card{min-height:150px}section.about-me .right .about-card .title-row img{width:18px;height:18px}section.about-me .right .about-card .title-row h2{font-size:1rem}}section.about-me .right .about-card .about-text{color:#e0e0e0;margin-top:.5rem;font-size:1rem;line-height:1.5;overflow:visible}@media (max-width:768px){section.about-me .right .about-card .about-text{font-size:.9rem;line-height:1.4}}section.about-me .right .cards-row{flex:1;align-items:stretch;gap:1rem;height:100%;min-height:0;margin-bottom:0;display:flex}@media (max-width:768px){section.about-me .right .cards-row{flex-direction:column;gap:1rem}}section.about-me .right .cards-row .cards-column{flex-direction:column;gap:1rem;width:50%;height:100%;display:flex}@media (max-width:768px){section.about-me .right .cards-row .cards-column{width:100%;height:auto}}section.about-me .right .education-card{flex:2;width:100%;height:auto}@media (max-width:768px){section.about-me .right .education-card .title-row img{width:18px;height:18px}section.about-me .right .education-card .title-row h2{font-size:1rem}}section.about-me .right .experience-card{flex:1;width:100%;height:auto}@media (max-width:768px){section.about-me .right .experience-card .title-row img{width:18px;height:18px}section.about-me .right .experience-card .title-row h2{font-size:1rem}}section.about-me .right .projects-preview-card{flex-direction:column;width:50%;height:100%;min-height:0;display:flex}@media (max-width:768px){section.about-me .right .projects-preview-card{width:100%;height:auto}section.about-me .right .projects-preview-card .title-row img{width:18px;height:18px}section.about-me .right .projects-preview-card .title-row h2{font-size:1rem}}section.about-me .right .projects-preview-card .projects-preview{flex-direction:column;flex:1;gap:.8rem;margin-top:.5rem;display:flex;overflow-y:auto}section.about-me .right .projects-preview-card .projects-preview .project-item{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}section.about-me .right .projects-preview-card .projects-preview .project-item .project-name{color:#fff;margin-bottom:.3rem;font-size:1rem;font-weight:500}section.about-me .right .projects-preview-card .projects-preview .project-item .project-company{color:#c9c9c9;margin-bottom:.4rem;font-size:.85rem}section.about-me .right .projects-preview-card .projects-preview .project-item .project-techs{gap:.3rem;margin-bottom:.4rem;display:flex}section.about-me .right .projects-preview-card .projects-preview .project-item .project-techs img{width:16px;height:16px}section.about-me .right .projects-preview-card .projects-preview .project-item .project-description{color:#e0e0e0;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}section.about-me .right .projects-preview-card .projects-preview .see-more-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:80px;margin-top:auto;padding:.5rem 1.5rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #fff3}section.about-me .right .projects-preview-card .projects-preview .see-more-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}section.about-me .right .projects-preview-card .projects-preview .see-more-btn:hover{background:#f0f0f0;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #ffffff4d}section.about-me .right .projects-preview-card .projects-preview .see-more-btn:hover:before{left:100%}section.about-me .right .projects-preview-card .projects-preview .see-more-btn:active{transition:all .1s;transform:translateY(-2px)scale(.98)}section.about-me .right .experience-card{height:15%}section.about-me .right .experience-card .experience-content{justify-content:space-between;align-items:center;margin-top:.3rem;display:flex}section.about-me .right .experience-card .experience-content .experience-years{color:#fff;font-size:1.8rem;font-weight:600}section.about-me .right .experience-card .experience-content .see-more-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:70px;padding:.3rem 1rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #fff3}section.about-me .right .experience-card .experience-content .see-more-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}section.about-me .right .experience-card .experience-content .see-more-btn:hover{background:#f0f0f0;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #ffffff4d}section.about-me .right .experience-card .experience-content .see-more-btn:hover:before{left:100%}section.about-me .right .experience-card .experience-content .see-more-btn:active{transition:all .1s;transform:translateY(-2px)scale(.98)}section.about-me .section-navigation .education-card,section.about-me .section-navigation .projects-preview-card{flex:1;overflow:hidden}section.about-me .section-navigation .education-card .education-content,section.about-me .section-navigation .projects-preview-card .education-content{margin-top:.8rem}section.about-me .section-navigation .education-card .education-content .degree,section.about-me .section-navigation .projects-preview-card .education-content .degree{color:#fff;margin-bottom:.3rem;font-size:.9rem;font-weight:500}section.about-me .section-navigation .education-card .education-content .institution,section.about-me .section-navigation .projects-preview-card .education-content .institution{color:#c9c9c9;font-size:.8rem}section.about-me .section-navigation .education-card .projects-preview,section.about-me .section-navigation .projects-preview-card .projects-preview{flex-direction:column;height:calc(100% - 3rem);margin-top:.8rem;display:flex;overflow:hidden}section.about-me .section-navigation .education-card .projects-preview .project-item,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item{border-bottom:1px solid #ffffff1a;flex-shrink:0;margin-bottom:1.2rem;padding:1rem}section.about-me .section-navigation .education-card .projects-preview .project-item:last-of-type,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item:last-of-type{border-bottom:none;margin-bottom:1rem}section.about-me .section-navigation .education-card .projects-preview .project-item .project-name,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item .project-name{color:#fff;margin-bottom:.3rem;font-size:1rem;font-weight:500}section.about-me .section-navigation .education-card .projects-preview .project-item .project-company,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item .project-company{color:#c9c9c9;margin-bottom:.4rem;font-size:.85rem}section.about-me .section-navigation .education-card .projects-preview .project-item .project-techs,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item .project-techs{gap:.3rem;margin-bottom:.4rem;display:flex}section.about-me .section-navigation .education-card .projects-preview .project-item .project-techs img,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item .project-techs img{width:16px;height:16px}section.about-me .section-navigation .education-card .projects-preview .project-item .project-description,section.about-me .section-navigation .projects-preview-card .projects-preview .project-item .project-description{color:#e0e0e0;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}section.about-me .section-navigation .education-card .projects-preview .see-more-btn,section.about-me .section-navigation .projects-preview-card .projects-preview .see-more-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.8rem 1.5rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #fff3}section.about-me .section-navigation .education-card .projects-preview .see-more-btn:before,section.about-me .section-navigation .projects-preview-card .projects-preview .see-more-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}section.about-me .section-navigation .education-card .projects-preview .see-more-btn:hover,section.about-me .section-navigation .projects-preview-card .projects-preview .see-more-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}section.about-me .section-navigation .education-card .projects-preview .see-more-btn:hover:before,section.about-me .section-navigation .projects-preview-card .projects-preview .see-more-btn:hover:before{left:100%}section.about-me .section-navigation .education-card .projects-preview .see-more-btn:active,section.about-me .section-navigation .projects-preview-card .projects-preview .see-more-btn:active{transition:all .1s;transform:translateY(-1px)}section.about-me .experience-card{height:35%}section.about-me .experience-card .experience-content{justify-content:space-between;align-items:center;height:calc(100% - 2rem);margin-top:.8rem;display:flex}section.about-me .experience-card .experience-content .experience-years{color:#fff;font-size:2.5rem;font-weight:700}section.about-me .experience-card .experience-content .see-more-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #fff3}section.about-me .experience-card .experience-content .see-more-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}section.about-me .experience-card .experience-content .see-more-btn:hover{background:#f0f0f0;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #ffffff4d}section.about-me .experience-card .experience-content .see-more-btn:hover:before{left:100%}section.about-me .experience-card .experience-content .see-more-btn:active{transition:all .1s;transform:translateY(-2px)scale(.98)}.section-navigation{justify-content:center;align-items:center;height:60px;padding:1rem 0;display:flex}.section-navigation .section-nav-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:.5rem 0;font-family:Manrope;font-size:1rem;transition:all .3s;display:flex}.section-navigation .section-nav-btn:hover{transform:translateY(2px)}.section-navigation .section-nav-btn:hover svg{transform:translateY(4px)}.section-navigation .section-nav-btn svg{transition:transform .3s;animation:2s infinite bounce}.projects-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #fff3}.projects-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.projects-btn:hover{background:#f0f0f0;transform:translateY(-4px);box-shadow:0 8px 25px #ffffff4d}.projects-btn:hover:before{left:100%}.projects-btn:active{transition:all .1s;transform:translateY(-2px)}section.projects{flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:flex;overflow:visible}@media (max-width:1400px){section.projects{max-width:1200px;padding:4rem 1.5rem}}@media (max-width:1024px){section.projects{max-width:100%;padding:4rem 1rem}}@media (max-width:768px){section.projects{padding:3rem .75rem}section.projects .title-row img{width:18px;height:18px}section.projects .title-row h2{font-size:1rem}}section.projects .projects-list{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:100%;margin:0 auto;padding:2rem 0;display:grid;height:fit-content!important}@media (max-width:1200px){section.projects .projects-list{grid-template-columns:repeat(2,1fr);gap:.5rem 1rem}}@media (max-width:768px){section.projects .projects-list{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0}}section.projects .projects-list .experience-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#c9c9c9;aspect-ratio:1.2;background:#00000026;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-height:280px;padding:1.5rem;transition:all .6s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){section.projects .projects-list .experience-card{aspect-ratio:1;border-radius:15px;max-height:300px;padding:1rem}}@media (max-width:480px){section.projects .projects-list .experience-card{aspect-ratio:.9;max-height:350px}}section.projects .projects-list .experience-card:before{content:"";z-index:1;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;transition:transform 1.5s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)translateY(-100%)rotate(45deg)}section.projects .projects-list .experience-card>*{z-index:2;position:relative}section.projects .projects-list .experience-card:hover{background:#00000040;border-color:#ffffff80;transform:translateY(-6px);box-shadow:0 12px 35px #0006,0 0 25px #ffffff1a}section.projects .projects-list .experience-card:hover:before{transform:translate(100%)translateY(100%)rotate(45deg)}section.projects .projects-list .experience-card:hover .experience-title{color:#fffffff2;text-shadow:0 0 8px #ffffff4d}section.projects .projects-list .experience-card:hover .experience-where-when{color:#fffc}section.projects .projects-list .experience-card:hover .experience-description{color:#ffffffd9}section.projects .projects-list .experience-card:hover .experience-techs img{opacity:1;filter:brightness(1.2)drop-shadow(0 0 3px #ffffff4d)}section.projects .projects-list .experience-card .upper{flex-direction:column;margin-bottom:1rem;display:flex}section.projects .projects-list .experience-card .lower{flex-flow:wrap;align-items:center;width:100%;display:flex}section.projects .projects-list .experience-card .lower .experience-techs{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}section.projects .projects-list .experience-card .lower .experience-techs img{opacity:.8;width:32px;height:32px;transition:opacity .2s}@media (max-width:768px){section.projects .projects-list .experience-card .lower .experience-techs img{width:28px;height:28px}}section.projects .projects-list .experience-card .lower .experience-techs img:hover{opacity:1}section.projects .projects-list .experience-card .experience-title{color:#fff;width:100%;margin-bottom:.5rem;font-size:1.5rem;font-weight:600;line-height:1.3;display:flex}@media (max-width:768px){section.projects .projects-list .experience-card .experience-title{margin-bottom:.4rem;font-size:1.3rem}}@media (max-width:480px){section.projects .projects-list .experience-card .experience-title{font-size:1.2rem}}section.projects .projects-list .experience-card .experience-where-when{color:#c9c9c9;width:100%;margin-bottom:1rem;font-size:.9rem;display:flex}@media (max-width:768px){section.projects .projects-list .experience-card .experience-where-when{margin-bottom:.8rem;font-size:.85rem}}section.projects .projects-list .experience-card .experience-description{color:#c9c9c9;margin-bottom:1rem;font-size:.95rem;line-height:1.6}@media (max-width:768px){section.projects .projects-list .experience-card .experience-description{margin-bottom:.8rem;font-size:.9rem;line-height:1.5}}section.projects .projects-list .experience-card .experience-description.truncated{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}@media (max-width:768px){section.projects .projects-list .experience-card .experience-description.truncated{-webkit-line-clamp:4;line-clamp:4}}section.projects .projects-list .experience-card .experience-description.truncated:after{background:linear-gradient(90deg,#0000,#00000026 50%);padding-left:20px;position:absolute;bottom:0;right:0}section.projects .projects-list.expanded .experience-card{transition:all .5s cubic-bezier(.4,0,.2,1)}section.projects .projects-list.expanded .experience-card:not(.expanded-card){display:none}section.projects .projects-list.expanded .experience-card.expanded-card{z-index:1000;background:#000000f2;border:2px solid #fff9;border-radius:20px;width:90vw;max-width:1200px;height:auto;max-height:95vh;padding:4rem;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c,0 0 40px #ffffff1a}@media (max-width:768px){section.projects .projects-list.expanded .experience-card.expanded-card{width:95vw;max-height:90vh;padding:2rem;overflow-y:auto}}@media (max-width:480px){section.projects .projects-list.expanded .experience-card.expanded-card{width:98vw;max-height:85vh;padding:1.5rem;overflow-y:auto}}section.projects .projects-list.expanded .experience-card.expanded-card .upper{margin-bottom:3rem}@media (max-width:768px){section.projects .projects-list.expanded .experience-card.expanded-card .upper{margin-bottom:2rem}}section.projects .projects-list.expanded .experience-card.expanded-card .experience-title{margin-bottom:2rem;font-size:3rem;line-height:1.2}@media (max-width:768px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width:480px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-title{margin-bottom:1rem;font-size:1.6rem}}section.projects .projects-list.expanded .experience-card.expanded-card .experience-where-when{color:#fffc;margin-bottom:2.5rem;font-size:1.4rem}@media (max-width:768px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-where-when{margin-bottom:1.5rem;font-size:1.1rem}}@media (max-width:480px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-where-when{margin-bottom:1rem;font-size:1rem}}section.projects .projects-list.expanded .experience-card.expanded-card .experience-description{color:#ffffffe6;margin-bottom:3rem;font-size:1.2rem;line-height:2}@media (max-width:768px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-description{margin-bottom:2rem;font-size:1rem;line-height:1.6}}@media (max-width:480px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-description{margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}}section.projects .projects-list.expanded .experience-card.expanded-card .experience-techs img{width:48px;height:48px}@media (max-width:768px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-techs img{width:40px;height:40px}}@media (max-width:480px){section.projects .projects-list.expanded .experience-card.expanded-card .experience-techs img{width:36px;height:36px}}section.projects .projects-list .close-button{cursor:pointer;color:#fff;z-index:11;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}@media (max-width:768px){section.projects .projects-list .close-button{width:35px;height:35px;font-size:1.1rem}}section.projects .projects-list .close-button:hover{background:#fff3;transform:scale(1.1)}section.projects .section-navigation{flex-shrink:0;justify-content:center;align-items:center;height:60px;padding:1rem 0;display:flex}section.projects .section-navigation .section-nav-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:.5rem 0;font-family:Manrope;font-size:1rem;transition:all .3s;display:flex}section.projects .section-navigation .section-nav-btn:hover{transform:translateY(2px)}section.projects .section-navigation .section-nav-btn:hover svg{transform:translateY(4px)}section.projects .section-navigation .section-nav-btn span{font-weight:500}section.projects .section-navigation .section-nav-btn svg{transition:transform .3s}@keyframes expandCard{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}section.experience{flex-direction:column;align-items:center;width:100%;max-width:1600px;min-height:100svh;margin:0 auto;padding:4rem 2rem;display:flex;position:relative;height:auto!important}section.experience .timeline-event{flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;display:flex;position:relative}section.experience .timeline-event .timeline-line-above{z-index:0;background:linear-gradient(#ffffff4d,#ffffff1a);width:2px;height:3rem;position:absolute;top:-3rem;left:50%;transform:translate(-50%)}section.experience .timeline-event .timeline-line-below{z-index:0;background:linear-gradient(#ffffff1a,#ffffff4d);width:2px;height:3rem;position:absolute;bottom:-3rem;left:50%;transform:translate(-50%)}section.experience .timeline-event .timeline-dot{z-index:1;background:#fff;border:3px solid #222;border-radius:50%;width:16px;height:16px;margin-top:1rem;margin-bottom:1rem;box-shadow:0 0 8px 2px #fff3}section.experience .timeline-event .timeline-card{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;align-items:flex-start;width:45%;min-width:260px;max-width:30rem;margin:0 auto;padding:1.5rem;display:flex;position:relative;box-shadow:0 2px 16px #0002}@media (max-width:1400px){section.experience{max-width:1200px;padding:4rem 1.5rem}}@media (max-width:1024px){section.experience{max-width:100%;padding:4rem 1rem}}@media (max-width:768px){section.experience{padding:4rem .75rem}}section.experience .experience-list{flex-direction:column;align-items:center;gap:2rem;width:70%;margin:0 auto 4rem;display:flex}section.experience .experience-list .line{border-right:1px solid #ddd;width:1px;height:100%;position:absolute;top:0;left:50%}section.experience .experience-row{justify-content:flex-start;width:100%;display:flex;position:relative}section.experience .experience-row:nth-child(2n){justify-content:flex-end}section.experience .experience-row .tick{border-bottom:1px solid #ddd;width:3rem;height:1px;position:absolute;top:50%;left:calc(50% - 1.5rem)}section.experience .experience-row .experience-card{color:#fff;background:#0006;border:1px solid #fff;border-radius:1rem;width:100%;max-width:30rem;padding:1.5rem;position:relative;box-shadow:0 2px 16px #0002}section.experience .experience-row .experience-card .experience-title{font-size:1.2rem;font-weight:700}section.experience .experience-row .experience-card .experience-where-when{color:#ccc;margin-bottom:.5rem;font-size:.95rem}section.experience .experience-row .experience-card .experience-techs{gap:.5rem;margin-bottom:.5rem;display:flex}section.experience .experience-row .experience-card .experience-techs img{width:24px;height:24px}section.experience .experience-row .experience-card .experience-description{color:#bbb;font-size:.95rem}section.experience .experience-add-btn{color:#fff;cursor:pointer;background:#222;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0004}section.experience .experience-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}section.experience .experience-container .experience-title{text-align:center;color:#fff;margin-bottom:4rem;font-size:2.5rem;font-weight:700}section.experience .experience-container .timeline-wrapper{max-height:70vh;padding-top:1rem;transition:max-height .8s;position:relative;overflow:hidden}section.experience .experience-container .timeline-wrapper.expanded{max-height:none}section.experience .experience-container .timeline-line{z-index:1;background:linear-gradient(#fff9,#fff3);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}section.experience .experience-container .timeline-line:after{content:"";border-top:12px solid #fff6;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;animation:2s infinite pulse;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}section.experience .experience-container .timeline-item{align-items:center;margin-bottom:4rem;display:flex;position:relative}section.experience .experience-container .timeline-item:first-child{margin-top:1rem}section.experience .experience-container .timeline-item.year-marker{justify-content:center;margin-top:2rem;margin-bottom:3rem}section.experience .experience-container .timeline-item.year-marker .timeline-year{color:#fff;background:#000;border:1px solid #fff}section.experience .experience-container .timeline-item.year-marker .timeline-dot{background:#ffffffe6;box-shadow:0 0 0 4px #000c,0 0 10px #ffffff80}section.experience .experience-container .timeline-item .timeline-year{color:#fff;z-index:3;text-align:center;min-width:80px;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}section.experience .experience-container .timeline-item .timeline-dot{z-index:2;background:#fff;border-radius:50%;width:12px;height:12px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #000c}section.experience .experience-container .timeline-item .timeline-tick{z-index:3;background:linear-gradient(90deg,#fff3,#fff9,#fff3);width:30px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.experience .experience-container .timeline-item .timeline-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:20px;width:45%;padding:1.5rem;transition:all .6s;position:relative;overflow:hidden}section.experience .experience-container .timeline-item .timeline-card:before{content:"";z-index:1;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;transition:transform 1.5s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)translateY(-100%)rotate(45deg)}section.experience .experience-container .timeline-item .timeline-card>*{z-index:2;position:relative}section.experience .experience-container .timeline-item .timeline-card:hover{background:#00000040;border-color:#ffffff80;transform:translateY(-6px);box-shadow:0 12px 35px #0006,0 0 25px #ffffff1a}section.experience .experience-container .timeline-item .timeline-card:hover:before{transform:translate(100%)translateY(100%)rotate(45deg)}section.experience .experience-container .timeline-item .timeline-card:hover .experience-header .experience-title-text{color:#fffffff2;text-shadow:0 0 8px #ffffff4d}section.experience .experience-container .timeline-item .timeline-card:hover .experience-header .experience-company-period{color:#fffc}section.experience .experience-container .timeline-item .timeline-card:hover .experience-description{color:#ffffffd9}section.experience .experience-container .timeline-item .timeline-card:hover .experience-techs .tech-icon{opacity:1;filter:brightness(1.2)drop-shadow(0 0 3px #ffffff4d)}section.experience .experience-container .timeline-item .timeline-card .experience-header{margin-bottom:1rem}section.experience .experience-container .timeline-item .timeline-card .experience-header .experience-title-text{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:600;line-height:1.3}section.experience .experience-container .timeline-item .timeline-card .experience-header .experience-company-period{color:#c9c9c9;font-size:.9rem}section.experience .experience-container .timeline-item .timeline-card .experience-description{color:#c9c9c9;margin-bottom:1rem;font-size:.95rem;line-height:1.6}section.experience .experience-container .timeline-item .timeline-card .experience-techs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}section.experience .experience-container .timeline-item .timeline-card .experience-techs .tech-icon{opacity:.8;width:24px;height:24px;transition:opacity .2s}section.experience .experience-container .timeline-item .timeline-card .experience-techs .tech-icon:hover{opacity:1}section.experience .experience-container .timeline-item.left{justify-content:flex-start}section.experience .experience-container .timeline-item.left .timeline-card{margin-left:0;margin-right:auto}section.experience .experience-container .timeline-item.right{justify-content:flex-end}section.experience .experience-container .timeline-item.right .timeline-card{margin-left:auto;margin-right:0}section.experience .experience-container .timeline-item.future-card .timeline-year.future-year{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-shadow:0 0 10px #fffc;background:#0006;border:1px solid #fffc;animation:2s infinite alternate neonGlow}section.experience .experience-container .timeline-item.future-card .timeline-card.future-style{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}section.experience .experience-container .timeline-item.future-card .timeline-card.future-style:before{content:"";z-index:1;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;animation:3s infinite whiteShimmer;position:absolute;top:-50%;left:-50%}section.experience .experience-container .timeline-item.future-card .timeline-card.future-style:hover{background:#00000040;border-color:#fff6;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}section.experience .experience-container .timeline-item.future-card .timeline-card.future-style>*{z-index:2;transition:color .3s;position:relative}section.experience .experience-container .timeline-item.future-card .timeline-card.future-style .experience-header .experience-title-text,section.experience .experience-container .timeline-item.future-card .timeline-card.future-style .experience-header .experience-company-period,section.experience .experience-container .timeline-item.future-card .timeline-card.future-style .experience-description{animation:3s infinite textColorShift}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.2)}}@keyframes neonGlow{0%{border-color:#fff9;box-shadow:0 0 5px #ffffff80}to{border-color:#fff;box-shadow:0 0 20px #ffffffe6,0 0 30px #fff9}}@keyframes whiteShimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes textColorShift{0%,to{color:#c9c9c9}50%{color:#ffffffe6;text-shadow:0 0 5px #ffffff4d}}section.experience .experience-container .experience-expand-container{text-align:center;margin-top:1.5rem}section.experience .experience-container .experience-expand-container .experience-expand-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s;display:flex}section.experience .experience-container .experience-expand-container .experience-expand-btn:hover{background:#00000040;border-color:#fff6;transform:translateY(-2px)}section.experience .experience-container .experience-expand-container .experience-expand-btn .expand-icon{transition:transform .3s}section.experience .experience-container .experience-expand-container .experience-expand-btn .expand-icon.rotated{transform:rotate(180deg)}section.experience .experience-container .section-navigation{margin-top:3rem}@media (max-width:768px){section.experience .experience-container{padding:2rem 1rem}section.experience .experience-container .experience-title{margin-bottom:2.5rem;font-size:2rem}section.experience .experience-container .timeline-wrapper{max-height:60vh}section.experience .experience-container .timeline-line{z-index:1;left:50%;transform:translate(-50%)}section.experience .experience-container .timeline-item{flex-direction:column;align-items:center;margin-bottom:2.5rem;position:relative}section.experience .experience-container .timeline-item.year-marker .timeline-year{z-index:3;color:#fff;background:#000;border:1px solid #fff;border-radius:15px;min-width:60px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.9rem;position:relative;left:auto;transform:none}section.experience .experience-container .timeline-item.year-marker .timeline-dot{z-index:2;width:10px;height:10px;margin:.5rem 0;position:relative;top:auto;left:auto;transform:none}section.experience .experience-container .timeline-item .timeline-tick{display:none}section.experience .experience-container .timeline-item .timeline-card{z-index:2;align-self:center;width:calc(100% - 40px);padding:1rem;position:relative;margin-left:0!important;margin-right:0!important}section.experience .experience-container .timeline-item .timeline-card .experience-header .experience-title-text{font-size:1.1rem}section.experience .experience-container .timeline-item .timeline-card .experience-header .experience-company-period{font-size:.85rem}section.experience .experience-container .timeline-item .timeline-card .experience-description{font-size:.9rem}section.experience .experience-container .timeline-item .timeline-card .experience-techs .tech-icon{width:20px;height:20px}section.experience .experience-container .timeline-item.left,section.experience .experience-container .timeline-item.right{justify-content:center}}.default{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:20px;padding:1.5rem;transition:all .6s;position:relative;overflow:hidden}@media (max-width:768px){.default{border-radius:15px;padding:1rem}}.default:before{content:"";z-index:1;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;transition:transform 1.5s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)translateY(-100%)rotate(45deg)}.default>*{z-index:2;position:relative}section.contact-me{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:flex}@media (max-width:1400px){section.contact-me{max-width:1200px;padding:4rem 1.5rem}}@media (max-width:1024px){section.contact-me{max-width:100%;padding:3rem 1rem}}@media (max-width:768px){section.contact-me{min-height:100svh;padding:2rem .75rem}}section.contact-me .big-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:600}@media (max-width:1024px){section.contact-me .big-title{margin-bottom:2.5rem;font-size:2.2rem}}@media (max-width:768px){section.contact-me .big-title{margin-bottom:2rem;font-size:2rem}}@media (max-width:480px){section.contact-me .big-title{margin-bottom:1.5rem;font-size:1.8rem}}section.contact-me form{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;display:flex;position:relative}@media (max-width:768px){section.contact-me form{gap:1.2rem}}section.contact-me form input,section.contact-me form textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;letter-spacing:.3px;background:#00000026;border:1px solid #ffffff4d;border-radius:15px;width:100%;padding:1rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:400;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (max-width:768px){section.contact-me form input,section.contact-me form textarea{border-radius:12px;padding:.8rem;font-size:.9rem}}section.contact-me form input:before,section.contact-me form textarea:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}section.contact-me form input::placeholder,section.contact-me form textarea::placeholder{color:#ffffff80;letter-spacing:.2px;font-weight:300;transition:color .3s}section.contact-me form input:focus,section.contact-me form textarea:focus{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000040;border-color:#fff9;outline:none;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}section.contact-me form input:focus::placeholder,section.contact-me form textarea:focus::placeholder{color:#ffffffb3}section.contact-me form input:hover,section.contact-me form textarea:hover{background:#0003;border-color:#ffffff80;transform:translateY(-1px)}section.contact-me form input:hover:before,section.contact-me form textarea:hover:before{left:100%}section.contact-me form input:not(:placeholder-shown),section.contact-me form textarea:not(:placeholder-shown){color:#fff;background:#0000004d;border-color:#fff6;font-weight:450}section.contact-me form input::selection,section.contact-me form textarea::selection{color:#fff;background:#fff3}section.contact-me form input::-moz-selection{color:#fff;background:#fff3}section.contact-me form textarea::-moz-selection{color:#fff;background:#fff3}section.contact-me form textarea{resize:none;border-radius:15px;min-height:120px;padding:1.2rem}@media (max-width:768px){section.contact-me form textarea{border-radius:12px;min-height:100px;padding:1rem}}section.contact-me form .form-status{display:none}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}section.contact-me form .form-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}@media (max-width:768px){section.contact-me form .form-footer{flex-direction:column;gap:1.5rem}}section.contact-me form .form-footer .social-networks{gap:1rem;display:flex}@media (max-width:768px){section.contact-me form .form-footer .social-networks{gap:.8rem}}section.contact-me form .form-footer .social-networks .social-network{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex}@media (max-width:768px){section.contact-me form .form-footer .social-networks .social-network{width:50px;height:50px}}section.contact-me form .form-footer .social-networks .social-network:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}section.contact-me form .form-footer .social-networks .social-network:hover img{filter:brightness(0)}section.contact-me form .form-footer .social-networks .social-network img{width:32px;height:32px;transition:filter .3s}@media (max-width:768px){section.contact-me form .form-footer .social-networks .social-network img{width:28px;height:28px}}section.contact-me form .form-footer .submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:.5rem;min-width:140px;padding:1rem 3rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px #fff3}@media (max-width:768px){section.contact-me form .form-footer .submit-btn{min-width:120px;padding:.8rem 2rem;font-size:.9rem}}section.contact-me form .form-footer .submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}section.contact-me form .form-footer .submit-btn:hover{background:#f0f0f0;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #ffffff4d}section.contact-me form .form-footer .submit-btn:hover:before{left:100%}section.contact-me form .form-footer .submit-btn:hover img{transform:translate(4px)rotate(15deg)}section.contact-me form .form-footer .submit-btn:active{transition:all .1s;transform:translateY(-2px)scale(.98)}section.contact-me form .form-footer .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}section.contact-me form .form-footer .submit-btn:disabled:hover{transform:none;box-shadow:0 4px 15px #fff3}section.contact-me form .form-footer .submit-btn img{filter:drop-shadow(0 0 2px #0000001a);width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){section.contact-me form .form-footer .submit-btn img{width:14px;height:14px}}section.contact-me .return-to-home{justify-content:center;margin-top:3rem;display:flex}section.contact-me .return-to-home .return-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:.5rem 0;font-family:Manrope;font-size:1rem;transition:all .3s;display:flex}section.contact-me .return-to-home .return-btn:hover{transform:translateY(-2px)}section.contact-me .return-to-home .return-btn:hover svg{transform:translateY(-4px)}section.contact-me .return-to-home .return-btn svg{transition:transform .3s;animation:2s infinite bounceUp}@keyframes bounceUp{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}.toast{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:15px;min-width:300px;max-width:400px;animation:.5s cubic-bezier(.4,0,.2,1) slideInRight;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #0000004d}@media (max-width:768px){.toast{border-radius:12px;min-width:auto;max-width:none;bottom:1rem;left:1rem;right:1rem}}@media (max-width:480px){.toast{bottom:.5rem;left:.5rem;right:.5rem}}.toast .toast-content{align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.toast .toast-content{gap:.8rem;padding:1rem}}.toast .toast-content:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:2s ease-in-out shimmerToast;position:absolute;top:0;left:-100%}.toast .toast-content .toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@media (max-width:768px){.toast .toast-content .toast-icon{width:20px;height:20px}}.toast .toast-content .toast-message{flex:1;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:500;line-height:1.4}@media (max-width:768px){.toast .toast-content .toast-message{font-size:.85rem;line-height:1.3}}.toast .toast-content .toast-close{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}@media (max-width:768px){.toast .toast-content .toast-close{padding:.2rem}}.toast .toast-content .toast-close:hover{background:#ffffff1a}.toast.success{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 10px 30px #22c55e33}.toast.success .toast-content:before{background:linear-gradient(90deg,#0000,#22c55e33,#0000)}.toast.error{color:#ef4444;background:#ef44441a;border-color:#ef44444d;box-shadow:0 10px 30px #ef444433}.toast.error .toast-content:before{background:linear-gradient(90deg,#0000,#ef444433,#0000)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmerToast{0%{left:-100%}to{left:100%}}.skill-circle{flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}@media (max-width:768px){.skill-circle{width:50px;height:50px}}.skill-circle .content{z-index:3;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute}@media (max-width:768px){.skill-circle .content{width:40px;height:40px}}.skill-circle .content img{object-fit:contain;width:28px;height:28px}@media (max-width:768px){.skill-circle .content img{width:24px;height:24px}}.skill-circle .circular-chart{z-index:1;width:100%;height:100%;transform:rotate(-90deg)}.skill-circle .circular-chart.blur{z-index:0;filter:drop-shadow(0 0 6px #fff)blur(2px);position:absolute;top:0;left:0}.skill-circle .circle-bg{fill:none;stroke:#ffffff26;stroke-width:3px}@media (max-width:768px){.skill-circle .circle-bg{stroke-width:2.5px}}.skill-circle .circle{fill:none;stroke-width:3px;stroke-linecap:round;stroke:#fff;transition:stroke-dasharray .6s}@media (max-width:768px){.skill-circle .circle{stroke-width:2.5px}}.project-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000b8;justify-content:center;align-items:center;padding:1.5rem;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.project-modal{scrollbar-width:thin;scrollbar-color:#ffffff26 #0000;background:#12121cf5;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:740px;max-height:88vh;animation:.25s modalSlideUp;display:flex;overflow-y:auto}@media (max-width:768px){.project-modal{border-radius:12px;max-height:92vh}}.project-modal::-webkit-scrollbar{width:5px}.project-modal::-webkit-scrollbar-track{background:0 0}.project-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.project-modal .project-modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1.25rem;display:flex}.project-modal .project-modal-header .project-modal-title-group h2{color:#fff;margin:0 0 .3rem;font-size:1.35rem;font-weight:700}.project-modal .project-modal-header .project-modal-title-group span{color:#999;font-size:.85rem}.project-modal .project-modal-header .project-modal-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:color .2s,background .2s;display:flex}.project-modal .project-modal-header .project-modal-close:hover{color:#fff;background:#ffffff14}.project-modal .project-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.project-modal .modal-image-section img{object-fit:cover;border-radius:10px;width:100%;display:block}.project-modal .modal-images-section{grid-template-columns:1fr;gap:1rem;display:grid}.project-modal .modal-images-section img{object-fit:contain;cursor:zoom-in;border-radius:10px;width:100%;transition:opacity .15s;display:block}.project-modal .modal-images-section img:hover{opacity:.88}.project-modal .modal-video-section{background:#0000004d;border-radius:10px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.project-modal .modal-video-section iframe,.project-modal .modal-video-section video{border:none;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.project-modal .modal-link-section{justify-content:center;display:flex}.project-modal .modal-link-section .modal-external-link{color:#d0d0d0;background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.project-modal .modal-link-section .modal-external-link:hover{color:#fff;background:#ffffff21;border-color:#ffffff47;transform:translateY(-1px)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes badgeShimmer{0%{left:-80%}60%{left:130%}to{left:130%}}@keyframes badgePulse{0%,to{box-shadow:0 0 #ffffff2e,0 2px 10px #0006}50%{box-shadow:0 0 0 4px #ffffff12,0 2px 14px #00000080}}.lightbox-overlay{z-index:3000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:2rem;animation:.18s modalFadeIn;display:flex;position:fixed;inset:0}.lightbox-overlay img{object-fit:contain;cursor:default;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 8px 60px #000000b3}.lightbox-overlay .lightbox-close{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.lightbox-overlay .lightbox-close:hover{color:#fff;background:#ffffff2e}.project-view-btn{color:#ccc;cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s,color .15s,transform .15s;animation:2.8s ease-in-out infinite badgePulse;display:flex;position:absolute;top:1rem;right:1rem;overflow:hidden;z-index:3!important;position:absolute!important}.project-view-btn:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff59 50%,#0000 80%);width:55%;height:100%;animation:3s ease-in-out infinite badgeShimmer;position:absolute;top:0;left:-80%}.project-view-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff73;transform:scale(1.1)}.services{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:5rem;display:flex}.services .services-inner{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:1200px;display:flex}.services .services-header{text-align:center}.services .services-header h2{color:#fff;margin:0 0 .75rem;font-family:Lexend Deca,sans-serif;font-size:2.5rem;font-weight:700}.services .services-header .services-subtitle{color:#c9c9c9;max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.6}.services .services-grid{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%;display:flex}.services .service-card{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:0 0 calc(33.333% - .85rem);gap:1rem;min-width:270px;max-width:360px;padding:1.75rem;text-decoration:none;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;display:flex}.services .service-card:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-5px);box-shadow:0 12px 32px #00000059}.services .service-card:hover .service-wa-hint img{transform:scale(1.1)}.services .service-card .service-card-header .service-title{color:#fff;font-family:Lexend Deca,sans-serif;font-size:1.15rem;font-weight:700}.services .service-card .service-description{flex-direction:column;gap:.4rem;display:flex}.services .service-card .service-description p{color:#c9c9c9;margin:0;font-size:.88rem;line-height:1.6}.services .service-card .service-description p:first-child{color:#e0e0e0;font-weight:500}.services .service-card .service-bullets{border-top:1px solid #ffffff14;flex-direction:column;gap:.35rem;margin:0;padding:.9rem 0 0;list-style:none;display:flex}.services .service-card .service-bullets li{color:#b0b0b0;padding-left:1rem;font-size:.85rem;position:relative}.services .service-card .service-bullets li:before{content:"•";color:#fff6;position:absolute;left:0}.services .service-card .service-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.services .service-card .service-footer .service-price{color:#fff;font-family:Lexend Deca,sans-serif;font-size:.95rem;font-weight:700}.services .service-card .service-footer .service-wa-hint{color:#ffffff80;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;display:flex}.services .service-card .service-footer .service-wa-hint img{opacity:.6;width:16px;height:16px;transition:transform .2s}.services .services-cta-block{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:600px;padding:2.5rem 3rem;display:flex}.services .services-cta-block .services-cta-headline{color:#fff;margin:0;font-family:Lexend Deca,sans-serif;font-size:1.35rem;font-weight:700}.services .services-cta-block .services-cta-sub{color:#c9c9c9;margin:0 0 .75rem;font-size:1rem}.services .services-cta-block .services-cta-btn{color:#000;background:#fff;border-radius:50px;align-items:center;gap:.6rem;padding:.9rem 2.25rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffffff26}.services .services-cta-block .services-cta-btn img{width:18px;height:18px;transition:transform .2s}.services .services-cta-block .services-cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .55s;position:absolute;top:0;left:-100%}.services .services-cta-block .services-cta-btn:hover{background:#f0f0f0;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #ffffff40}.services .services-cta-block .services-cta-btn:hover:before{left:100%}.services .services-cta-block .services-cta-btn:hover img{transform:scale(1.15)}@media (max-width:1024px){.services{padding:4rem 2.5rem}.services .services-header h2{font-size:2rem}.services .service-card{flex:0 0 calc(50% - .65rem)}}@media (max-width:768px){.services{padding:3rem 1.5rem}.services .services-header h2{font-size:1.75rem}.services .service-card{flex:0 0 100%;max-width:100%}.services .services-cta-block{padding:2rem 1.5rem}}@media (max-width:480px){.services{padding:2.5rem 1rem}.services .services-header h2{font-size:1.5rem}}@keyframes landingLetterIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landingLineExpand{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-overlay{z-index:100;cursor:default;background:#000;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.landing-overlay:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.landing-overlay:after{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 45%,#1e1e1ee6 0%,#0000 70%);position:absolute;inset:0}.landing-overlay.landing-fading{opacity:0;pointer-events:none}.landing-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex;position:relative}.landing-label{letter-spacing:.45em;text-transform:uppercase;color:#ffffff59;font-family:Space Grotesk,sans-serif;font-size:.7rem;animation:.6s .1s both landingFadeUp}.landing-name{letter-spacing:.04em;color:#fff;flex-wrap:wrap;justify-content:center;gap:0;margin:0;font-family:Lexend Deca,sans-serif;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:700;line-height:1.1;display:flex}.landing-char{opacity:0;white-space:pre;animation:.45s cubic-bezier(.16,1,.3,1) forwards landingLetterIn;display:inline-block}.landing-line{transform-origin:50%;opacity:0;background:#ffffff40;width:60px;height:1px;animation:.7s cubic-bezier(.4,0,.2,1) 1.15s forwards landingLineExpand;transform:scaleX(0)}.landing-tagline{color:#ffffff80;letter-spacing:.06em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(.9rem,1.8vw,1.15rem);animation:.6s 1.35s both landingFadeUp}.landing-enter-btn{color:#ffffffa6;cursor:pointer;letter-spacing:.06em;background:0 0;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.55rem;margin-top:.5rem;padding:.8rem 2rem;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:500;transition:background .3s,border-color .3s,color .3s,transform .3s;animation:.6s 1.75s both landingFadeUp;display:inline-flex}.landing-enter-btn svg{transition:transform .25s}.landing-enter-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff73;transform:translateY(-2px)}.landing-enter-btn:hover svg{transform:translate(4px)}@media (max-width:480px){.landing-name{letter-spacing:.02em;font-size:2rem}.landing-enter-btn{padding:.75rem 1.6rem;font-size:.82rem}}