@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/SpaceGrotesk-Light-BVMKF3vU.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/SpaceGrotesk-Regular-D96nn-Fd.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/SpaceGrotesk-Medium-CQiCHMQy.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/SpaceGrotesk-SemiBold-BTfAzs1I.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/SpaceGrotesk-Bold-BheyrowY.ttf)format("truetype")}:root{--bg-primary:#0a0a0f;--bg-secondary:#0d0d18;--bg-tertiary:#111128;--accent:#6366f1;--accent-hover:#818cf8;--accent-secondary:#8b5cf6;--accent-emerald:#10b981;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#6366f12e;--border-subtle:#ffffff0f;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--shadow-glow:0 0 40px #6366f126}*,:before,:after{box-sizing:border-box;border:none;margin:0;padding:0;font-family:Space Grotesk,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:has(.active-menu-responsive){min-height:100vh;overflow-y:hidden}@media (width>=992px){body:has(.active-menu-responsive){overflow-y:auto}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0d0d18}::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f1}::selection{color:#f1f5f9;background:#6366f140}ul{list-style:none}a{color:#f1f5f9;text-decoration:none;transition:color .15s}input::-ms-reveal{display:none}input::-ms-clear{display:none}.container__header{-webkit-backdrop-filter:blur(20px);z-index:100;background-color:#0a0a0fb3;border-bottom:1px solid #0000;grid-area:header;align-items:center;width:100%;height:70px;padding:0 1.5rem;transition:border-color .3s,background-color .3s,box-shadow .3s;display:flex;position:fixed}.container__header.scrolled{background-color:#0a0a0feb;border-bottom-color:#6366f12e;box-shadow:0 4px 32px #0000004d}.container__header .header__content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.container__header .header__content .content__logo-container{cursor:pointer;justify-content:center;align-items:center;gap:.6rem;text-decoration:none;transition:opacity .3s;display:flex}.container__header .header__content .content__logo-container:hover{opacity:.8}.container__header .header__content .content__logo-container .logo-container__icon{fill:#6366f1;filter:drop-shadow(0 0 6px #6366f180);width:2rem;animation:6s linear infinite spin}.container__header .header__content .content__logo-container .logo-container__text{color:#f1f5f9;letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600}.container__header .header__content .content__logo-container .logo-container__text span{color:#6366f1}.container__header .header__content .content__nav{background-color:#0000}.container__header .header__content .content__nav .nav__links{gap:.25rem;padding:0 1rem;display:none}.container__header .header__content .content__nav .nav__links .links__link{cursor:pointer}.container__header .header__content .content__nav .nav__links .links__link a{color:#cbd5e1;border-radius:var(--radius-sm);letter-spacing:.01em;padding:.5rem .875rem;font-size:.95rem;font-weight:500;transition:color .3s,background-color .3s;display:block;position:relative}.container__header .header__content .content__nav .nav__links .links__link a:after{content:"";background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.container__header .header__content .content__nav .nav__links .links__link a:hover,.container__header .header__content .content__nav .nav__links .links__link a.active{color:#f1f5f9}.container__header .header__content .content__nav .nav__links .links__link a:hover:after,.container__header .header__content .content__nav .nav__links .links__link a.active:after{width:calc(100% - 1.75rem)}.container__header .header__content .content__nav .nav__links .links__link a.active{color:#818cf8}@media (width>=992px){.container__header .header__content .content__nav{display:block}.container__header .header__content .content__nav .nav__links{justify-content:flex-end;align-items:center;display:flex}}.container__header .header__content .content__nav.active-menu-responsive{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background-color:#0a0a0ffa;justify-content:center;align-items:center;width:100%;height:calc(100vh - 70px);display:flex;position:fixed;top:70px;left:0}.container__header .header__content .content__nav.active-menu-responsive .nav__links{flex-direction:column;align-items:center;gap:.5rem;display:flex}.container__header .header__content .content__nav.active-menu-responsive .nav__links .links__link a{text-align:center;padding:.75rem 2rem;font-size:1.6rem}@media (width>=992px){.container__header .header__content .content__nav.active-menu-responsive{position:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;height:auto}.container__header .header__content .content__nav.active-menu-responsive .nav__links{flex-direction:row;gap:.25rem;font-size:.95rem}.container__header .header__content .content__nav.active-menu-responsive .nav__links .links__link a{padding:.5rem .875rem;font-size:.95rem}}.container__header .header__content .content__resposive-nav{display:block}.container__header .header__content .content__resposive-nav .menu__button{cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;padding:.5rem;transition:background-color .3s}.container__header .header__content .content__resposive-nav .menu__button:hover{background-color:var(--glass-bg)}.container__header .header__content .content__resposive-nav .menu__button .icon{color:#f1f5f9;font-size:1.75rem;display:block}@media (width>=992px){.container__header .header__content .content__resposive-nav{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container__footer{background-color:#0d0d18;grid-area:footer;width:100%;padding:2.5rem 1.5rem;position:relative}.container__footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#6366f180 30%,#8b5cf680 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.container__footer .footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;max-width:1100px;margin:0 auto;display:flex}@media (width<=600px){.container__footer .footer__inner{text-align:center;flex-direction:column;align-items:center}}.container__footer .footer__row--bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.container__footer .footer__row--bottom .row--bottom__copyright .copyright__text{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.82rem}.container__footer .footer__row--bottom .row--bottom__copyright .copyright__text strong{color:#cbd5e1;font-weight:500}.container__footer .footer__row--bottom .row--bottom__social-media .social-media__container{gap:.625rem;display:flex}.container__footer .footer__row--bottom .row--bottom__social-media .social-media__container .container__icon{border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .25s;display:flex}.container__footer .footer__row--bottom .row--bottom__social-media .social-media__container .container__icon .icon{color:#64748b;font-size:1.05rem;transition:color .25s}.container__footer .footer__row--bottom .row--bottom__social-media .social-media__container .container__icon:hover{background:#6366f11a;border-color:#6366f166;transform:translateY(-3px)}.container__footer .footer__row--bottom .row--bottom__social-media .social-media__container .container__icon:hover .icon{color:#818cf8}@media (width<=600px){.container__footer .footer__row--bottom{flex-direction:column-reverse;align-items:center}}.container__footer .footer__row--top{display:none}.timeline{text-align:center;justify-content:center;margin-top:48px;padding:0 1rem;display:flex}.timeline__content{text-align:left;width:min(90%,720px);padding:48px 0 48px 2.5rem;list-style:none;position:relative}.timeline__content:before{content:"";background:linear-gradient(#0000 0%,#6366f1 15%,#8b5cf6 70%,#0000 100%);border-radius:1px;width:2px;height:100%;position:absolute;top:0;left:0}.timeline__content .event{background:#111116;border:1px solid #ffffff0d;border-radius:16px;gap:1rem;margin-bottom:2rem;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:grid;position:relative}.timeline__content .event:last-of-type{margin-bottom:0}.timeline__content .event:hover{border-color:#6366f133;transform:translate(6px);box-shadow:0 10px 30px #0006}.timeline__content .event:after{content:"";z-index:1;background:#6366f1;border:3px solid #0a0a0f;border-radius:50%;width:12px;height:12px;animation:3s ease-in-out infinite dot-pulse;position:absolute;top:2.2rem;left:calc(-2.5rem - 5px);box-shadow:0 0 0 3px #6366f14d,0 0 12px #6366f166}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 3px #6366f14d,0 0 12px #6366f166}50%{box-shadow:0 0 0 6px #6366f11a,0 0 20px #6366f199}}.timeline__content .event.__year-container,.timeline__content .event__year-container{align-items:center;gap:.5rem;display:inline-flex}.timeline__content .event.__year-container h3,.timeline__content .event__year-container h3{color:#6366f1;letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f140;border-radius:100px;padding:.25rem .75rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.timeline__content .event.__year-container .year-container__icon,.timeline__content .event__year-container .year-container__icon{color:#6366f1;font-size:1.1rem}.timeline__content .event__title-container{align-items:center;gap:.6rem;display:flex}.timeline__content .event__title-container h2{color:#f1f5f9;letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.timeline__content .event__title-container .title-container__icon{color:#8b5cf6;font-size:1.2rem}.timeline__content .event p,.timeline__content .event .event__about{color:#64748b;max-width:600px;font-size:1.05rem;line-height:1.7}.timeline__content .event__skills-container{flex-wrap:wrap;align-items:center;gap:.75rem;display:inline-flex}.timeline__content .event__skills-container .skill{object-fit:contain;filter:grayscale(15%);width:1.6rem;height:1.6rem;transition:filter .2s,transform .2s}.timeline__content .event__skills-container .skill:hover{filter:none;transform:scale(1.15)translateY(-2px)}.timeline__content .event__skills-info-container{color:#64748b;border-top:1px solid #ffffff0d;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:1rem;font-size:.95rem;display:flex}.timeline__content .event__skills-info-container .skills-info-container__icon{color:#8b5cf6;font-size:1rem}.card{justify-items:center;gap:1.5rem;width:100%;max-width:1100px;padding:2rem 0;display:grid}.card .section__card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;padding:0 1rem;display:grid}.card__wrapper{border-radius:var(--radius-lg);cursor:pointer;image-rendering:auto;will-change:transform;border:1px solid var(--glass-border);background-position:50%;background-repeat:no-repeat;background-size:cover;height:400px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;transform:translateZ(0)}.card__wrapper:hover,.card__wrapper:focus-within{border-color:#6366f166;outline:none;transform:translateY(-8px)translateZ(0);box-shadow:0 24px 50px #00000080,0 0 0 1px #6366f14d}.card__wrapper:hover .card__overlay,.card__wrapper:focus-within .card__overlay{background:linear-gradient(#0a0a0f40 0%,#0a0a0fc7 48%,#0a0a0ff7 100%)}.card__wrapper:hover .card__body-content,.card__wrapper:focus-within .card__body-content{transform:translateY(0)}.card__overlay{background:linear-gradient(#0a0a0f14 0%,#0a0a0f8c 52%,#0a0a0ff5 100%);transition:background .4s;position:absolute;inset:0}.project .card__header-info{z-index:2;position:absolute;top:1rem;right:1rem}.project .card__header-info .date{color:#f1f5f999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:100px;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.project .card__body-content{z-index:2;padding:1.5rem;transition:transform .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.project .card__body-content .author{color:#6366f1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:block}.project .card__body-content .title{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.3rem;font-weight:700;line-height:1.3}.project .card__body-content .title a{color:#f1f5f9;transition:color .2s}.project .card__body-content .title a:hover{color:#818cf8}.project .card__body-content .text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project .card__body-content .skills{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.project .card__body-content .skills__skill{object-fit:contain;filter:grayscale(10%);width:1.5rem;height:1.5rem;transition:transform .2s}.project .card__body-content .skills__skill:hover{transform:scale(1.2)}.project .card__body-content .button{color:#818cf8;border-radius:var(--radius-sm);letter-spacing:.02em;background:#6366f11a;border:1px solid #6366f14d;align-items:center;gap:.4rem;padding:.35rem .875rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.project .card__body-content .button:after{content:"→";transition:transform .2s}.project .card__body-content .button:hover{color:#f1f5f9;background:#6366f133;border-color:#6366f180}.project .card__body-content .button:hover:after{transform:translate(3px)}.project .menu-content{margin:0;padding:0;list-style:none}.project .menu-content li{display:inline-block}.project .menu-content a{color:#f1f5f9}.project .menu-content span{font-size:10px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.main__apresentation{flex-direction:column;grid-area:section-initial;justify-content:center;align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow-x:hidden}.main__apresentation:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#6366f109 1px,#0000 1px),linear-gradient(90deg,#6366f109 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 80%)}.main__apresentation .apresentation__section{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:5rem;width:min(92%,1100px);padding:3rem 0 2rem;display:flex;position:relative}.main__apresentation .apresentation__section>.reveal-component:last-child{flex-shrink:0}@media (width<=900px){.main__apresentation .apresentation__section{flex-direction:column;gap:3rem;padding-top:2.5rem}.main__apresentation .apresentation__section>.reveal-component:last-child{width:100%}}.main__apresentation .section__my-apresentation{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.main__apresentation .section__my-apresentation .reveal-component{width:100%}@media (width<=900px){.main__apresentation .section__my-apresentation{text-align:center;align-items:center}}.main__apresentation .hero__badge{color:#10b981;letter-spacing:.02em;background:#10b98114;border:1px solid #10b98138;border-radius:100px;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .875rem;font-size:.78rem;font-weight:500;display:inline-flex}.main__apresentation .hero__badge .badge__dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}.main__apresentation .hero__greeting{color:#64748b;letter-spacing:.02em;margin-bottom:.2rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:400}.main__apresentation .my-apresentation__name{letter-spacing:-.03em;color:#f1f5f9;width:100%;font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:800;line-height:1.05}.main__apresentation .my-apresentation__role{color:#cbd5e1;letter-spacing:-.01em;width:100%;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:500}.main__apresentation .my-apresentation__role .role__separator{color:#64748b;margin:0 .1rem}.main__apresentation .my-apresentation__role .role__accent{color:#818cf8;font-weight:600}.main__apresentation .my-apresentation__about{color:#cbd5e1;width:100%;max-width:500px;font-size:1rem;line-height:1.8}.main__apresentation .my-apresentation__about strong{color:#f1f5f9;font-weight:600}@media (width<=900px){.main__apresentation .my-apresentation__about{max-width:100%}}.main__apresentation .hero__cta-row{flex-wrap:wrap;gap:.875rem;width:100%;display:flex}@media (width<=900px){.main__apresentation .hero__cta-row{justify-content:center}}.main__apresentation .cta-btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.main__apresentation .cta-btn .btn-icon{font-size:.85em;transition:transform .25s}.main__apresentation .cta-btn .btn-icon-left{font-size:.95em}.main__apresentation .cta-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 20px #6366f14d}.main__apresentation .cta-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.main__apresentation .cta-btn--primary:hover .btn-icon{transform:translate(4px)}.main__apresentation .cta-btn--secondary{background:var(--glass-bg);color:#f1f5f9;border:1px solid var(--glass-border)}.main__apresentation .cta-btn--secondary:hover{background:#ffffff14;border-color:#6366f14d;transform:translateY(-2px)}.main__apresentation .hero__social-row{width:100%}.main__apresentation .social-link{color:#64748b;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:color .2s;display:inline-flex}.main__apresentation .social-link svg{font-size:1.1rem}.main__apresentation .social-link:hover{color:#f1f5f9}.main__apresentation .hero__terminal{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a14d9;border:1px solid #ffffff14;flex-shrink:0;width:clamp(280px,38vw,420px);font-family:JetBrains Mono,monospace;overflow:hidden;box-shadow:0 24px 48px #0006,0 0 0 1px #6366f11a,inset 0 1px #ffffff0d}@media (width<=900px){.main__apresentation .hero__terminal{width:100%}}.main__apresentation .terminal__topbar{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.main__apresentation .terminal__dots{gap:6px;display:flex}.main__apresentation .terminal__dots span{border-radius:50%;width:11px;height:11px}.main__apresentation .terminal__dots .dot--red{background:#ff5f57}.main__apresentation .terminal__dots .dot--yellow{background:#febc2e}.main__apresentation .terminal__dots .dot--green{background:#28c840}.main__apresentation .terminal__title{text-align:center;color:#ffffff4d;letter-spacing:.05em;flex:1;margin-right:40px;font-size:.73rem}.main__apresentation .terminal__body{flex-direction:column;gap:.1rem;padding:1.25rem 1.5rem 1.5rem;font-size:.85rem;display:flex}.main__apresentation .t-line{color:#fff3;align-items:center;gap:.35rem;display:flex}.main__apresentation .t-line.t-gap{margin-top:.85rem}.main__apresentation .t-prompt{color:#6366f1;-webkit-user-select:none;user-select:none;font-weight:600}.main__apresentation .t-cmd{color:#cbd5e1}.main__apresentation .t-output{color:#ffffff80;padding-left:1.1rem;line-height:1.7}.main__apresentation .t-output.t-name{color:#f1f5f9;font-size:.95rem;font-weight:600}.main__apresentation .t-output.t-status{color:#10b981;align-items:center;gap:.5rem;display:flex}.main__apresentation .t-tag{color:#818cf8;background:#6366f11f;border:1px solid #6366f133;border-radius:4px;margin:.15rem .25rem .15rem 0;padding:.1rem .5rem;font-size:.78rem;font-weight:500;display:inline-block}.main__apresentation .t-dot-green{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}.main__apresentation .t-cursor-line{margin-top:.85rem}.main__apresentation .t-cursor{color:#6366f1;font-weight:400;animation:1.2s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.main__apresentation .scroll-indicator{opacity:.3;z-index:1;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:2.5rem;animation:2.5s ease-in-out infinite fade-bounce;display:flex}.main__apresentation .scroll-indicator .scroll-indicator__line{background:linear-gradient(#6366f1,#0000);width:1px;height:40px}.main__apresentation .scroll-indicator span{letter-spacing:.2em;text-transform:uppercase;color:#64748b;font-family:JetBrains Mono,monospace;font-size:.6rem}@media (width<=600px){.main__apresentation .scroll-indicator{display:none}}@keyframes fade-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}}.main__about-me{grid-area:section-about-me;width:100%;min-height:100vh;display:grid}.main__about-me .about-me__content{justify-items:center;width:40%}.main__skills{flex-direction:column;grid-area:section-skills;align-items:center;padding:6rem 0 8rem;display:flex;position:relative}.main__skills .section__content{text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.main__skills .section-title{color:#f1f5f9;margin-bottom:1rem;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.main__skills .section-title:after{content:"";background:#6366f1;border-radius:2px;width:40px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.main__skills .skills__grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;max-width:1050px;margin:0 auto;padding:0 1rem;display:flex}.main__skills .skill-category{background:#111116;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex:300px;max-width:320px;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.main__skills .skill-category:hover{border-color:#6366f133;transform:translateY(-4px);box-shadow:0 10px 30px #0006}.main__skills .skill-category__header{border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.main__skills .skill-category__icon{color:#6366f1;flex-shrink:0;align-items:center;font-size:1.1rem;display:flex}.main__skills .skill-category__label{letter-spacing:.08em;text-transform:uppercase;color:#818cf8;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.main__skills .skill-category__chips{flex-wrap:wrap;gap:.75rem;display:flex}.main__skills .tech-chip{cursor:default;background:#ffffff05;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.6rem;padding:.45rem .9rem;transition:background .3s,transform .3s,border-color .3s;display:inline-flex}.main__skills .tech-chip:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.main__skills .tech-chip:hover .tech-chip__icon{filter:none}.main__skills .tech-chip:hover .tech-chip__name{color:#f1f5f9}.main__skills .tech-chip__icon{object-fit:contain;filter:grayscale()contrast(1.2)opacity(.7);flex-shrink:0;width:18px;height:18px;transition:filter .3s}.main__skills .tech-chip__name{color:#cbd5e1;letter-spacing:.02em;white-space:nowrap;font-size:.9rem;font-weight:500;transition:color .3s}.main__experiences{flex-direction:column;grid-area:section-experiences;align-items:center;min-height:60vh;padding:6rem 0 8rem;display:flex;position:relative}.main__projects{grid-area:section-projects;padding:5rem 0}.main__projects .section__projects{justify-content:center;width:100%;padding:0 1rem;display:flex}.main__projects .more-projects-button{background:var(--glass-bg);color:#cbd5e1;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.01em;border:1px solid #6366f12e;align-items:center;gap:.5rem;margin-top:2.5rem;padding:.7rem 1.75rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;transition:all .25s;display:inline-flex}.main__projects .more-projects-button:hover{color:#818cf8;background:#6366f11a;border-color:#6366f1;transform:translateY(-2px)}.container__main{grid-area:main;grid-template-areas:"section-initial""section-about-me""section-skills""section-experiences""section-projects";display:grid}.container__main .section .section-title{text-align:center;letter-spacing:-.03em;color:#f1f5f9;font-size:clamp(2rem,4vw,3rem);font-weight:700;display:inline-block;position:relative}.container__main .section .section-title:after{content:"";background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:2px;width:48px;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.container__main .section__content{justify-content:center;margin-top:0;margin-bottom:3rem;display:flex}.scroll-to-top{z-index:200;cursor:pointer;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#64748b;background:#0d0d18e6;border:1px solid #6366f12e;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.2rem;transition:all .25s;display:flex;position:fixed;bottom:2rem;right:1.5rem;box-shadow:0 4px 16px #0000004d}.scroll-to-top:hover{color:#818cf8;background:#6366f11f;border-color:#6366f1;transform:translateY(-3px);box-shadow:0 8px 24px #6366f140}.scroll-to-top:active{transform:scale(.95)}body{color:#f1f5f9;background-color:#0a0a0f;background-image:radial-gradient(80% 50% at 50% -10%,#6366f11a,#0000),radial-gradient(50% 40% at 90% 90%,#8b5cf60f,#0000)}.container{background-color:#0000;grid-area:main;grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";min-height:100dvh;display:grid}