@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600&display=swap";.section-title{font-size:var(--text-lg, 1.125rem);line-height:var(--text-lg--line-height, 1.5);font-weight:inherit;color:var(--color-gray-800, #1f2937)}.description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-gray-600)}.back-cover{width:100%;height:100%}.contact-options{width:100%;height:50%;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.contact-option{flex:1 1 45%;background:#2c2c6c;padding:1.25rem;border-radius:1.25rem;text-align:center;border:1px solid transparent;transition:background-color .4s ease,border-color .4s ease,transform .4s ease;display:flex;flex-direction:column;align-items:center}@media (prefers-reduced-motion: reduce){.contact-option{transition:none}}.contact-option:hover,.contact-option:focus-visible{background:transparent;border:1px solid var(--color-bg)}.contact-option-icon{font-size:1.5rem}.contact-option h4{font-weight:500;line-height:1.7}.contact-option h5{margin-top:.25rem}a.contact-option{font-size:.8rem;color:#fff;text-decoration:none}.back-cover-footer{width:100%;height:100%;background:#2c2c6c66;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;display:flex;flex-direction:column;padding:.75rem 1.5rem;gap:1.25rem;position:relative}.back-cover-footer p{font-size:.78rem;letter-spacing:1px;line-height:1.7;font-weight:400}.back-cover-footer h4{text-align:center}.back-cover-footer .copyright{font-size:.7rem;font-weight:400;letter-spacing:1px;width:100%;text-align:center;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.experience-section{width:100%;height:377px;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:0 .25rem .75rem 1.5rem;border-radius:.5rem}.experience-section::-webkit-scrollbar{width:.375rem}.experience-section::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:.25rem}.experience-section::-webkit-scrollbar-track{background:var(--color-gray-100)}.timeline-item{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-gray-300);padding:.5rem .75rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .4s ease;position:relative}.timeline-item:hover{background:var(--color-gray-50)}.timeline-item:before{content:"";position:absolute;top:.5rem;left:-1.25rem;width:.75rem;height:.75rem;background:var(--color-blue-600);border-radius:50%;border:2px solid white;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000001a}.timeline-item:after{content:"";position:absolute;top:1.75rem;left:-.8125rem;width:.125rem;height:90%;border-radius:2px;background:var(--color-blue-200)}.company-name{font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--color-blue-600)}.timeline-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.career-description{color:var(--color-gray-600);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.cover{width:100%;height:100%;background:var(--color-bg-dark);background-image:url(../../assets/bg-texture.png);color:var(--color-white);display:flex;align-items:center;flex-direction:column;border-radius:1rem;gap:1rem;position:relative;padding-top:.8rem}.cover>.header{display:flex;align-items:center;flex-direction:column}.cover .header h1{font-size:2.5rem;font-weight:500;line-height:1.7}.cover .header .greeting{text-align:center;line-height:1.7;font-weight:500;font-size:.83rem}.cover>h3{font-size:1.2rem;font-weight:400;line-height:1.7;letter-spacing:4px}.me{width:15rem;height:15rem;border-radius:50%;box-shadow:3px 3px 15px var(--color-bg),-3px -3px 15px var(--color-bg)}.me>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.open-book{color:rgba(var(--color-white-rgb),.6);letter-spacing:2px;font-weight:400;font-size:.6rem;line-height:1.7;position:absolute;bottom:.5rem;right:.8rem;cursor:pointer}.gap-2{gap:.5rem}.cards{display:flex;flex-wrap:wrap;gap:.5rem}.card{flex:0 0 48%;display:flex;text-align:center;border-radius:.5rem;padding:.75rem;border:1px solid;cursor:pointer}.card-blue{background-color:var(--color-blue-50);color:var(--color-blue-600);border-color:var(--color-blue-600)}.card-blue .card-subtitle{color:var(--color-blue-800)}.card-green{background-color:var(--color-green-50);color:var(--color-green-600);border-color:var(--color-green-600)}.card-green .card-subtitle{color:var(--color-green-800)}.card-purple{background-color:var(--color-purple-50);color:var(--color-purple-600);border-color:var(--color-purple-600)}.card-purple .card-subtitle{color:var(--color-purple-800)}.card-pink{background-color:var(--color-pink-50);color:var(--color-pink-600);border-color:var(--color-pink-600)}.card-pink .card-subtitle{color:var(--color-pink-800)}.card-orange{background-color:var(--color-orange-50);color:var(--color-orange-600);border-color:var(--color-orange-600)}.card-orange .card-subtitle{color:var(--color-orange-800)}.card-icon-wrapper{display:flex;align-items:center;justify-content:center;flex:1}.card-icon{font-size:var(--text-lg)}.card-info{flex:3;display:flex;align-items:center;flex-direction:column}.card-title{font-size:var(--text-sm);line-height:var(--leading-relaxed, var(--text-sm--line-height))}.card-subtitle{font-size:var(--text-xs);line-height:var(--leading-relaxed, var(--text-xs--line-height))}.tooltip{font-size:var(--text-sm)!important;line-height:var(--leading-relaxed)!important;box-shadow:0 5px 10px #00000040!important;opacity:1!important}.tooltip.card-blue{background-color:var(--color-blue-50)!important;color:var(--color-blue-800)!important}.tooltip.card-green{background-color:var(--color-green-50)!important;color:var(--color-green-800)!important}.tooltip.card-purple{background-color:var(--color-purple-50)!important;color:var(--color-purple-800)!important}.tooltip.card-pink{background-color:var(--color-pink-50)!important;color:var(--color-pink-800)!important}.portfolio-content{gap:.5rem!important}.portfolio-section{gap:.5rem}.project-list{display:flex;flex-wrap:wrap;gap:.5rem;overflow-y:auto;height:15.75rem}.project-list::-webkit-scrollbar{width:.375rem}.project-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:.25rem}.project-list::-webkit-scrollbar-track{background:var(--color-gray-100)}.project-item{flex:0 0 48%;padding:.75rem;border-radius:.5rem;background:#fff;border:1px solid var(--color-gray-200);transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;position:relative}.project-item:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);box-shadow:0 5px 10px #0000000d}.project-item:before{content:"";position:absolute;bottom:.375rem;left:50%;transform:translate(-50%);background-color:#2563eb;width:.375rem;height:.375rem;border-radius:50%;opacity:0;transition:opacity .3s ease}.project-item-selected.project-item:before{opacity:1}.project-item-selected,.project-item-selected:hover{background:var(--color-blue-50);border-color:var(--color-blue-200);box-shadow:0 5px 10px #0000001a}.project-image{width:100%;height:70px;object-fit:cover;border-radius:.25rem;border:1px solid var(--color-gray-200);flex-shrink:0;box-shadow:0 2px 4px #00000080}.project-item-selected .project-image{border-color:var(--color-blue-200)}.project-item-title{font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:500;color:var(--color-gray-900)}.project-item-selected .project-item-title{color:var(--color-blue-900);font-weight:600}.portfolio-footer{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:max-content;padding:.75rem;background:var(--color-blue-50);border-radius:.5rem;border:1px solid var(--color-blue-200);text-align:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.portfolio-footer>p{color:var(--color-blue-600);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.portfolio-footer .button-sm{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:none;cursor:pointer;transition:all .3s ease;font-weight:500;background-color:var(--color-blue-600);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:var(--text-xs);line-height:var(--text-xs--line-height);gap:.25rem;text-decoration:none}.button-sm:focus-visible{outline:3px solid var(--color-blue-200);outline-offset:2px}.button-sm:hover{background:var(--color-blue-700)}.button-sm:disabled{opacity:.5;cursor:not-allowed}.button-sm .button-github{font-size:var(--text-sm)}.empty-selection{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;background-color:var(--color-gray-100);border-radius:.5rem;gap:.375rem}.empty-selection-icon-wrapper{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#e9d5ff)}.empty-selection-icon{color:var(--color-blue-400);font-size:2rem}.empty-selection-text{font-size:var(--text-base);font-weight:700;color:var(--color-gray-600)}.project-info{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.project-image-wrapper{aspect-ratio:16 / 9;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.project-image-header{width:100%;height:100%;object-fit:cover}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-title{display:flex;flex-direction:column;gap:.125rem}.project-name{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-gray-900)}.project-period{display:flex;align-items:center;gap:.5rem}.icon-text{display:flex;align-items:center;gap:.25rem;color:var(--color-gray-600)}.period-icon{font-size:var(--text-xs);color:var(--color-gray-600)}.period-text{font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:500}.project-links{display:flex;align-items:center;gap:.25rem}.project-header-link{text-decoration:none;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;color:#fff;border-radius:.5rem;font-size:var(--text-xs);line-height:var(--text-xs--line-height);transition:all .4s ease;cursor:pointer}.project-header-link.link-live{background:var(--color-blue-500)}.project-header-link.link-live:hover{background:var(--color-blue-600)}.project-header-link.link-github{background:var(--color-gray-500)}.project-header-link.link-github:hover{background:var(--color-gray-600)}.project-link-icon{font-size:var(--text-sm)}.project-description,.project-techs-wrapper{display:flex;flex-direction:column;gap:.125rem}.project-techs-wrapper{gap:.25rem}.project-description h3,.project-techs-wrapper h3{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:500;color:var(--color-gray-900)}.project-description p{color:var(--color-gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);font-weight:400}.project-techs{display:flex;flex-wrap:wrap;gap:.25rem}.project-tech{padding:.25rem .5rem;background:var(--color-blue-50);color:var(--color-blue-800);font-weight:500;font-size:var(--text-xs);line-height:var(--text-xs--line-height);border:1px solid var(--color-blue-200);border-radius:.25rem}nav{position:fixed;left:50%;transform:translate(-50%);bottom:2rem;background:#0000004d;width:max-content;padding:.5rem 1.75rem;border-radius:3rem;z-index:999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;gap:.25rem}.nav-item{background:transparent;padding:.9rem;border-radius:50%;display:flex;color:var(--color-bg-dark);font-size:1.1rem;cursor:pointer;transition:all .5s ease;border:none;outline:none}.nav-item:focus-visible{background:#0000004d;color:#fff}.nav-item:hover{background:#0000004d}.nav-item.active{background:#00000080;color:#fff}.container{width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fef7cd,#fed7aa,#fef7cd);padding:1rem}.loading-wrapper{display:flex;align-items:center;justify-content:center;position:relative;width:200px;height:200px;font-size:2.125rem;font-weight:bolder;color:var(--color-bg-dark)}.loading{position:absolute;top:0;left:0;width:200px;height:200px;border:12px solid black;border-radius:50%;border-right-color:#0ff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading{animation:none;transform:none}}.page{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;background:#fefcf8;border:1px solid #e5e7eb;overflow:hidden}.page-left{border-radius:1rem 0 0 1rem;padding:2rem 1.5rem 2rem 2rem}.page-right{border-radius:0 1rem 1rem 0;padding:2rem 2rem 2rem 1.5rem}.page-header{display:flex;align-items:center;flex-direction:column;width:100%;border-bottom:1px solid var(--color-gray-200)}.page-header hr{height:.25rem;width:60%;background-color:var(--color-blue-600);border-bottom:1px solid var(--color-blue-600)}.page-header h2{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);color:var(--color-gray-800);font-weight:inherit}.page-content{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}.resume-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.resume-wrapper .button-base{margin-top:1.25rem}.button-base{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;font-weight:500;background-color:var(--color-blue-600);color:#fff;border-radius:.5rem;padding:.75rem 1.5rem;font-size:var(--text-sm);line-height:var(--text-sm--line-height);gap:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;text-decoration:none}.button-base:focus-visible{outline:3px solid var(--color-blue-200);outline-offset:2px}.button-base:hover{opacity:.8}.button-base:disabled{opacity:.5;cursor:not-allowed}.button-base .resume-icon{font-size:var(--text-base)}.section{display:flex;flex-direction:column}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--color-bg: #4db5ff;--color-bg-dark: #1f1f38;--color-bg-light: #f0f0f5;--color-black: #000;--color-black-rgb: 0, 0, 0;--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-gray: #7c7c80;--color-gray-dark: #040404}#root{width:100%;display:flex;justify-content:center;align-items:center}body,html{height:100dvh;width:100dvw;overflow:hidden;display:flex;justify-content:center;align-items:center}:root,:host{--font-sans: "";--font-mono: "";--font-size: 16px;--leading-relaxed: 1.625;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-medium: 500;--font-weight-normal: 400;--radius: .625rem;--color-orange-50: oklch(.98 .016 73.684);--color-orange-200: oklch(.901 .076 70.697);--color-orange-600: oklch(.646 .222 41.116);--color-orange-800: oklch(.47 .157 37.304);--color-green-50: oklch(.982 .018 155.826);--color-green-600: oklch(.627 .194 149.214);--color-green-800: oklch(.448 .119 151.328);--color-blue-50: oklch(.97 .014 254.604);--color-blue-200: oklch(.882 .059 254.128);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: #1d4ed8;--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: #1e3a8a;--color-purple-50: oklch(.977 .014 308.299);--color-purple-600: oklch(.558 .288 302.321);--color-purple-800: oklch(.438 .218 303.724);--color-pink-50: oklch(.971 .014 343.198);--color-pink-200: oklch(.899 .061 343.231);--color-pink-600: oklch(.592 .249 .584);--color-pink-800: oklch(.459 .187 3.815);--gray: #333;--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-gray-900: oklch(.21 .034 264.665)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size)}body{color:var(--gray);line-height:1.6}