#home{text-align:center;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;height:100%;display:grid}#home .container{grid-area:1/1;place-self:center}#home svg{width:150px;height:150px}#home p{font-size:2.5rem;font-weight:700}#home span{text-transform:uppercase;font-size:1.8rem}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#building{text-align:center;background:#ecebec;place-items:center;height:100vh;display:grid}#building .container{animation:.6s fadeInUp}#building .container h1{color:#e41818;font-size:2.5rem;line-height:normal}#building .container p{color:#5e6572;margin-top:8px;font-size:1.3rem;line-height:normal}#building .container img{max-width:280px;margin-top:20px}.footer{background-color:#ecebec;transition:background-color .3s,color .3s}.footer.dark-mode{color:#9ca3af;background-color:#1a1a1a}.footer.dark-mode a{color:#ecebec}.footer{color:#5e6572;letter-spacing:.3px;justify-content:center;align-items:center;width:100%;height:60px;font-size:.9rem;display:flex}.footer a{color:#060b26;cursor:pointer;margin-left:4px;font-weight:500;text-decoration:none;transition:color .2s}.footer a:hover{color:#3b82f6}@media (width<=768px){.footer{height:50px;font-size:.8rem}}.header{-webkit-backdrop-filter:blur(12px);background-color:#ecebecd9}.header.dark-mode{background-color:#1a1a1ad9}.header{z-index:200;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 24px;transition:background-color .3s,border-color .3s;display:flex;position:fixed}.header.dark-mode{border-bottom-color:#ffffff0f}.header .header-actions{align-items:center;gap:12px;display:flex}@media (width<=768px){.header{height:50px;padding:0 16px}.header .header-actions{gap:8px}}.aboutMe{background-image:url(/assets/BackgroundHero-7LXX64yz.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid}.aboutMe .container{padding:60px 10%}.aboutMe .container .description{color:#ecebec;flex-direction:column;align-items:center;gap:16px;display:flex}.aboutMe .container .description p{text-align:center;opacity:.95;max-width:700px;font-size:1.05rem;line-height:1.8}.aboutMe .container .description img{object-fit:cover;border:4px solid #fff3;border-radius:50%;width:250px;height:250px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #00000029}.aboutMe .container .description img:hover{transform:scale(1.03);box-shadow:0 12px 40px #00000040}.aboutMe .container .label{color:#ecebec}@media (width<=768px){.aboutMe .container{padding:40px 5%}.aboutMe .container .description p{font-size:.95rem}.aboutMe .container .description img{width:180px;height:180px}}.timeline{flex-direction:column;width:100%;max-width:520px;margin-top:12px;padding-left:28px;display:flex;position:relative}.timeline:before{content:"";background:#ffffff26;width:2px;position:absolute;top:6px;bottom:6px;left:8px}@media (width<=768px){.timeline{max-width:100%;padding-left:24px}}.timeline-item{opacity:0;padding:10px 0 10px 20px;transition:opacity .4s,transform .4s;position:relative;transform:translate(-15px)}.timeline-item.visible{opacity:.65;transform:translate(0)}.timeline-item.visible:hover,.timeline-item.current.visible{opacity:1}.timeline-item.current .timeline-dot{background:#3b82f6;box-shadow:0 0 0 4px #3b82f640}.timeline-item.current .timeline-role{color:#ecebec}@media (width<=768px){.timeline-item{padding:8px 0 8px 16px}}.timeline-dot{background:#fff6;border-radius:50%;width:10px;height:10px;transition:background .2s,box-shadow .2s;position:absolute;top:18px;left:-24px}@media (width<=768px){.timeline-dot{width:8px;height:8px;top:16px;left:-20px}}.timeline-content{flex-direction:column;gap:2px;display:flex}.timeline-role{color:#ffffffd9;font-size:.95rem;font-weight:500;transition:color .2s}@media (width<=768px){.timeline-role{font-size:.85rem}}.timeline-company{color:#60a5fa;font-size:.85rem;font-weight:400}@media (width<=768px){.timeline-company{font-size:.78rem}}.timeline-period{color:#fff9;letter-spacing:.3px;font-size:.78rem}@media (width<=768px){.timeline-period{font-size:.72rem}}.hero{background-image:url(/assets/BackgroundHero-7LXX64yz.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;min-height:100vh;display:grid}.hero .container{grid-template-areas:"role character""description character";align-items:center;gap:10px;padding:100px 10% 60px;display:grid}.hero .container .role{letter-spacing:1.25px;text-align:left;color:#ecebec;grid-area:role;max-width:700px;font-family:Patua One,serif;animation:.8s forwards slideInLeft}.hero .container .role p{margin-bottom:8px;font-size:clamp(1.1rem,.9rem + 1.5vw,1.6rem);font-weight:700}.hero .container .role span{opacity:.85;margin-top:16px;font-size:clamp(1.2rem,1rem + 1.5vw,1.8rem);display:block}.hero .container .role .Typewriter{font-size:clamp(1.3rem,1rem + 2vw,2.2rem)}.hero .container .role .Typewriter .Typewriter__cursor{color:#3b82f6}.hero .container .description{color:#ecebec;grid-area:description;align-self:baseline;max-width:700px;animation:.8s .3s both slideInLeft}.hero .container .character{grid-area:character;place-items:center;animation:.8s .2s both slideInRight;display:grid}.hero .container .character img{filter:drop-shadow(0 8px 24px #0000004d);width:100%;max-width:420px;animation:4s ease-in-out infinite float}@media screen and (width<=900px){.hero{min-height:auto}.hero .container{text-align:center;grid-template-areas:"role role""character character""description description";padding:90px 6% 40px}.hero .container .role{text-align:center}.hero .container .character{margin-top:20px}.hero .container .character img{width:55%;max-width:260px;max-height:260px}.hero .container .description{margin-top:20px;margin-bottom:40px}}@media (width<=768px){.hero .container{padding:80px 5% 30px}.hero .container .character img{width:50%;max-width:200px}}#notFound{text-align:center;color:#e41818;background:#ecebec;place-items:center;height:100vh;padding:20px;display:grid}#notFound .container{border:3px dashed #e4181866;border-radius:16px;margin:20px;padding:40px;animation:.5s scaleIn}#notFound .container h1{background:linear-gradient(135deg,#e41818,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,4rem + 5vw,10rem);font-weight:700;line-height:1}#notFound .container h2{margin-top:8px;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.2rem)}#notFound .container p{opacity:.7;margin-top:12px;font-size:clamp(.95rem,.9rem + .3vw,1.1rem)}@media (width<=768px){#notFound .container{margin:12px;padding:24px}}.projects{background-color:#ecebec;transition:background-color .3s,color .3s}.projects.dark-mode{background-color:#1a1a1a}.projects.dark-mode .container p{color:#9ca3af}.projects .container{padding:60px 10%}.projects .container p{color:#5e6572;text-align:center;max-width:700px;margin:0 auto 32px;line-height:1.7}.projects .container .card-project{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.projects .container .card-project li{display:contents}@media (width<=768px){.projects .container{padding:40px 5%}.projects .container .card-project{gap:1.2rem}}.skills{background-color:#ecebec;transition:background-color .3s,color .3s}.skills.dark-mode{background-color:#1a1a1a}.skills.dark-mode .container p{color:#9ca3af}.skills{display:grid}.skills .container{padding:60px 10%}.skills .container .cards{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));place-items:center;gap:24px;display:grid}@media (width<=768px){.skills .container .cards{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:16px}.skills .container{padding:40px 5%}}.skill-stagger{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(20px)scale(.9)}.skill-stagger.visible{opacity:1;transform:translateY(0)scale(1)}.lang-toggle{z-index:201;letter-spacing:.5px;color:#060b26;cursor:pointer;background:0 0;border:1.5px solid #060b2640;border-radius:20px;padding:4px 12px;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.lang-toggle:hover{color:#3b82f6;background:#3b82f60f;border-color:#3b82f6}.dark-mode .lang-toggle{color:#ffffffbf;border-color:#fff3}.dark-mode .lang-toggle:hover{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa}.logo{z-index:201;place-items:center;display:grid}.logo img{border-radius:8px;width:42px;height:42px;transition:transform .2s}.logo img:hover{transform:scale(1.05)}.navbar{z-index:200;-webkit-backdrop-filter:blur(12px);background:#060b26d9;border-radius:20px;flex-direction:column;gap:6px;padding:12px 8px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 4px 16px #0000001f}.navbar.dark-mode{background:#ffffff1a;box-shadow:0 4px 16px #0000004d}@media (width<=768px){.navbar{gap:4px;padding:8px 6px;right:10px}}.navbar-item{color:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,background .2s,transform .2s;display:flex}.navbar-item svg{width:16px;height:16px}.navbar-item:hover{color:#fff;transform:scale(1.15)}.navbar-item.active{color:#fff;background:#3b82f6;box-shadow:0 0 20px #3b82f64d}.dark-mode .navbar-item{color:#ffffff80}.dark-mode .navbar-item:hover{color:#fff}.dark-mode .navbar-item.active{color:#fff;background:#3b82f6}@media (width<=768px){.navbar-item{width:30px;height:30px}.navbar-item svg{width:13px;height:13px}}.skillCard{background:#fff;transition:background .3s,color .3s,box-shadow .3s,transform .2s}.skillCard.dark-mode{background:#292929}.skillCard.dark-mode .ant-card-meta-title{color:#ecebec}.skillCard.dark-mode:hover{box-shadow:0 4px 20px #0000004d}.skillCard{cursor:default;border-radius:12px;place-items:center;padding:12px;display:grid;box-shadow:0 2px 8px #00000014;width:110px!important}.skillCard:hover{transform:translateY(-6px);box-shadow:0 4px 16px #0000001f}.skillCard:hover .ant-card-cover svg{transform:scale(1.15)}.skillCard .ant-card-cover svg{width:52px;height:52px;transition:transform .2s}@media (width<=768px){.skillCard .ant-card-cover svg{width:40px;height:40px}}.skillCard .ant-card-body{padding:4px 0 0}.skillCard .ant-card-meta-title{color:#060b26;font-size:.8rem;font-weight:500;transition:color .3s}@media (width<=768px){.skillCard .ant-card-meta-title{font-size:.72rem}.skillCard{padding:10px;width:90px!important}}.social{gap:12px;display:flex}.social a{display:inline-flex}.social a svg{filter:drop-shadow(0 2px 4px #0003);width:44px;height:44px;transition:transform .2s,filter .2s}.social a svg:hover{filter:drop-shadow(0 4px 8px #0000004d);transform:scale(1.2)translateY(-2px)}@media (width<=768px){.social a svg{width:36px;height:36px}}.toggle{z-index:201;cursor:pointer}.toggle button{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.toggle img{max-width:48px;transition:opacity .2s}.toggle img:hover{opacity:.8}.label{color:#060b26;letter-spacing:1.5px;width:100%;font-family:Patua One,serif;font-size:clamp(.95rem,.9rem + .3vw,1.1rem);font-weight:400;transition:color .3s;display:flex}.label span{opacity:.7;transition:opacity .2s}.label:hover span{opacity:1}.label.open{justify-content:start;margin-bottom:24px}.label.close{justify-content:end;margin-top:24px}.label.close span{opacity:.6}.label.dark-mode{color:#ecebec}@media (width<=768px){.label.open{margin-bottom:16px}.label.close{margin-top:16px}}.card{background:#fff;transition:background .3s,color .3s,box-shadow .3s,transform .2s}.card.dark-mode{color:#ecebec;background:#292929}.card.dark-mode .btn-header svg{color:#ecebec}.card.dark-mode .description{color:#9ca3af}.card.dark-mode:hover{box-shadow:0 8px 32px #0006}.card{color:#060b26;cursor:pointer;border-radius:12px;flex-grow:1;width:calc(50% - 20px);max-width:700px;padding:28px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000029}.card:hover:before{transform:scaleX(1)}@media (width<=768px){.card{width:100%;padding:22px}}.card .btn-header{justify-content:flex-end;width:100%;display:flex}.card .btn-header svg{color:#060b26;width:26px;height:26px;transition:color .2s,transform .2s}.card:hover .btn-header svg{color:#3b82f6;transform:scale(1.15)}.card .title{margin-top:4px;font-family:Patua One,serif;font-size:clamp(1.15rem,1rem + .5vw,1.3rem)}.card .description{color:#5e6572;margin-top:10px;font-size:clamp(.88rem,.85rem + .2vw,.95rem);line-height:1.6}.card .technologies{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.card .technologies .badge{color:#ecebec;letter-spacing:.3px;background:linear-gradient(135deg,#060b26 0%,#0e174b 50%,#060b26 100%);border-radius:20px;padding:6px 14px;font-size:clamp(.75rem,.72rem + .15vw,.8rem);font-weight:500;transition:transform .2s,box-shadow .2s}.card:hover .technologies .badge{transform:translateY(-2px);box-shadow:0 4px 12px #060b2666}*,:before,:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-family:Poppins,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.1rem);font-weight:400;line-height:1.6}body{margin:0;overflow-x:hidden}body h1{font-size:clamp(2rem,1.5rem + 2.5vw,3rem);font-weight:700}::selection{color:#ecebec;background:#3b82f6}.scroll-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.skip-link{z-index:300;color:#fff;background:#3b82f6;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:10px}:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-reveal{opacity:1;transform:none}}