@import "https://unicons.iconscout.com/release/v4.0.8/css/line.css";@keyframes linkHover{0%{color:var(--color-body)}to{color:var(--color-primary)}}*,:before,:after{box-sizing:border-box}#root{background-color:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-sans)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-dark-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary-dark);border-radius:0}::-webkit-scrollbar-button{width:0;height:0;display:none}body{margin:0;padding:0}.container{max-width:var(--layout-monitor-width);padding-left:var(--space-9);margin:0 auto}.resume{justify-content:space-around;gap:var(--space-7);display:flex}@media (width<=1250px){.container{max-width:var(--layout-laptop-width)}}@media (width<=1080px){.container{max-width:var(--layout-tablet-width)}}@media (width<=860px){.resume{padding:0 var(--space-4);flex-direction:column}}@media (width<=700px){.education,.experience{width:90%;margin:0 auto}.container{padding:0 var(--space-4)}}.about h2{width:fit-content;margin:0 auto}.about-container{justify-content:space-between;gap:4rem;display:flex}.profile-picture{background-color:var(--color-dark-secondary);border-radius:var(--radius-md);width:40%;height:auto;overflow:hidden}.profile-picture img{object-fit:cover;width:100%;height:100%;display:block}.about-content{flex-direction:column;justify-content:space-between;width:50%;display:flex}.about-cards{gap:20px;margin:20px 0;display:flex}.about-cards .about-card{background-color:var(--color-dark-secondary);text-align:center;border-radius:var(--radius-sm);width:calc(33.33% - 14px);color:var(--color-body);flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.about-cards .about-card i{color:var(--color-primary);font-size:2.25rem}@media (width<=900px){.about-container{padding:0 var(--space-4);flex-direction:column;gap:2rem}.profile-picture,.about-content{width:100%}}@media (width<=780px){.home-image{display:none!important}.home-content{padding:0 var(--space-4)}}@media (width<=480px){.about-cards{flex-wrap:wrap}.about-cards .about-card{width:100%}}.siderbar{width:var(--space-9);border-right:1px solid var(--color-dark-secondary);z-index:10;flex-direction:column;justify-content:space-between;height:100vh;display:flex;position:fixed}.logo{width:calc(var(--space-7) * 2);height:auto;margin:var(--space-6) var(--space-3);justify-content:center;align-items:center;display:flex}.menu{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.menu ul{width:100%;height:100%;max-height:100%;padding:unset;justify-content:center;align-items:center;gap:var(--space-7);scrollbar-width:none;flex-direction:column;margin:0;list-style-type:none;display:flex;position:relative;overflow-y:auto}.menu ul li{font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);writing-mode:vertical-rl;text-orientation:mixed;flex:none;align-items:center;width:100%;display:flex;transform:rotate(180deg)}.menu ul a{transition:color var(--motion-default);display:inline-block;position:relative}.menu ul a:after{top:50%;bottom:auto;left:-10px;transform:translateY(-50%)scale(0)}.menu ul a.active:after{display:none}.menu-indicator{background-color:var(--color-primary);pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;transform:translateY(-50%)}.menu-toggle,.menu-backdrop{display:none}.social-icon{color:var(--color-body);margin:var(--space-6) var(--space-3);justify-content:center;align-items:center;display:flex}.social-icon svg{fill:currentColor;stroke:currentColor;width:40px;height:auto}.social-icon svg:hover{animation-name:linkHover;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.menu a:hover:after{animation-name:linkHoverBullet;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.menu a.active{color:var(--color-primary)}@keyframes linkHoverBullet{0%{opacity:0;transform:translateY(-50%)scale(0)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (height<=820px){.menu ul{gap:var(--space-5)}}@media (height<=700px){.menu ul{gap:var(--space-3)}.menu ul li{font-size:14px}}@media (height<=560px){.menu ul{gap:var(--space-2)}.menu ul li{font-size:12px}}@media (width<=700px){.menu-toggle{top:var(--space-4);left:var(--space-4);width:var(--space-7);height:var(--space-7);border-radius:var(--radius-sm);background-color:var(--color-dark-secondary);color:var(--color-body);font-size:var(--font-size-h4);z-index:20;cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:fixed}.menu-backdrop{opacity:0;pointer-events:none;transition:opacity var(--motion-default);z-index:9;background-color:#00000080;display:block;position:fixed;inset:0}.menu-backdrop[data-open=true]{opacity:1;pointer-events:auto}.siderbar{background-color:var(--color-dark);width:min(280px,80vw);padding:var(--space-6) 0;transition:transform var(--motion-default) ease;z-index:15;transform:translate(-100%)}.siderbar.open{transform:translate(0)}.logo{margin-left:var(--space-6)}.menu ul{justify-content:flex-start;align-items:flex-start;gap:var(--space-6);padding-left:var(--space-6)}.menu ul li{writing-mode:horizontal-tb;transform:none}}.intro-container{padding-top:var(--space-10);padding-bottom:var(--space-8);flex-direction:column;align-items:center;display:flex}.intro-container p{color:var(--color-primary);font-size:var(--font-size-medium);margin:0}.home-container{background-color:var(--color-dark-secondary);height:100vh;margin-left:var(--space-9);padding-left:var(--space-8);justify-content:space-between;align-items:end;display:flex}.home-container:before{content:"";clip-path:polygon(0% 100%,100% 100%,80% 87%,0% 90%);z-index:0;margin-left:var(--space-9);background-color:#fefefe;position:absolute;inset:0}.home-content{z-index:10;margin:auto 0}.home-content .home-description{margin:var(--space-8) 0}.home-image{z-index:10;justify-content:end;display:flex}.home-image img{width:80%;height:auto}@media (width<=900px){.home-container:before{display:none}}@media (width<=700px){.home-container{padding-left:var(--space-4);margin-left:0}}.timeline-container{border-left:2px solid var(--color-primary);width:100%;margin:20px 0;padding:5px 20px;position:relative}.timeline-container:before{content:"";border:2px solid var(--color-primary);background:var(--color-primary);border-radius:50%;width:10px;height:10px;transition:background-color .3s;position:absolute;top:0;left:-6px}.timeline-container:hover:before{background-color:var(--color-dark)}.timeline-item{color:var(--color-primary);align-items:end;gap:10px;display:flex}.timeline-header{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;display:block}.timeline-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s,opacity .35s,margin-top .35s;display:grid}.timeline-container.open .timeline-body{opacity:1;grid-template-rows:1fr;margin-top:8px}.timeline-body-inner{min-height:0;overflow:hidden}.skills{gap:var(--space-8);padding:var(--space-4) var(--space-7) var(--space-8);grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);align-items:stretch;display:grid}.skills-tabs{gap:var(--space-7);flex-direction:column;display:flex}.skills-tab{gap:var(--space-4);width:100%;min-height:70px;color:var(--color-body);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px 1fr 28px;align-items:center;padding:0;display:grid}.skills-tab>i:first-child{color:var(--color-body);font-size:2rem;line-height:1}.skills-tab-text{gap:var(--space-2);flex-direction:column;display:flex}.skills-tab-title{color:var(--color-body);font-size:1.6rem;font-weight:var(--font-weight-bold);line-height:1.1}.skills-tab-experience{color:var(--color-body);font-size:1.15rem;line-height:1.2}.skills-tab-arrow{color:var(--color-body);justify-self:end;font-size:1.7rem;line-height:1}.skills-tab:hover .skills-tab-title,.skills-tab:hover .skills-tab-experience,.skills-tab:hover i{color:var(--color-button-hover)}.skills-tab.is-active .skills-tab-title,.skills-tab.is-active .skills-tab-experience,.skills-tab.is-active i{color:var(--color-primary)}.skills-content{justify-content:space-between;gap:var(--space-7);flex-direction:column;min-height:100%;display:flex}.skills-group{gap:var(--space-4);flex-direction:column;display:flex}.skills-group-title{color:var(--color-body);font-size:1.1rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;opacity:.85}.skills-tags{gap:var(--space-3);flex-wrap:wrap;display:flex}.skills-tag{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:1rem;font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;line-height:1.2;display:inline-flex}.skills-tag--solid{color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary)}.skills-tag--outline{color:var(--color-body);border:1px solid var(--color-body);background-color:#0000}.skills-tag--dashed{color:var(--color-body);border:1px dashed var(--color-body);opacity:.75;background-color:#0000}@media (width<=820px){.skills{padding-inline:var(--space-5);grid-template-columns:1fr}.skills-tabs,.skills-content{gap:var(--space-6)}.skills-content{justify-content:flex-start}}@media (width<=520px){.skills-tab{gap:var(--space-3);grid-template-columns:32px 1fr 24px}.skills-tab-title{font-size:1.25rem}.skills-tab-experience,.skills-group-title{font-size:1rem}.skills-tag{padding:var(--space-1) var(--space-3);font-size:.9rem}}.work{padding:var(--space-4) var(--space-7) var(--space-8)}.work-filters{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.work-filter-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);color:var(--color-body);font-family:var(--font-sans);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--motion-default);background:0 0;border:0;position:relative}.work-filter-btn:hover{color:var(--color-primary)}.work-filter-btn.is-active{color:var(--color-dark);font-weight:var(--font-weight-semibold)}.work-filter-btn-bg{z-index:0;background-color:var(--color-primary);border-radius:var(--radius-sm);position:absolute;inset:0}.work-filter-btn-label{z-index:1;position:relative}.work-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.work-pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-8);display:flex}.work-pagination-dot{background-color:var(--color-dark-secondary);cursor:pointer;width:10px;height:10px;transition:background-color var(--motion-default), transform var(--motion-default);border:0;border-radius:50%;padding:0}.work-pagination-dot:hover{background-color:var(--color-primary-dark)}.work-pagination-dot.is-active{background-color:var(--color-primary);transform:scale(1.2)}.work-card{background-color:var(--color-dark-secondary);border-radius:var(--radius-md);transition:transform var(--motion-default), box-shadow var(--motion-default);overflow:hidden}.work-card:hover{box-shadow:var(--shadow-elevated);cursor:pointer;transform:translateY(-4px)}.work-card-image{aspect-ratio:4/3;background-color:var(--color-dark);width:100%;position:relative;overflow:hidden}.work-card-image img{object-fit:cover;width:100%;height:100%;display:block}.work-card-tag{top:var(--space-3);left:var(--space-3);padding:2px var(--space-2) var(--space-1);background-color:var(--color-primary-dark);border-radius:var(--radius-md);color:var(--color-body);font-size:var(--font-size-code);font-weight:var(--font-weight-medium);text-transform:capitalize;position:absolute}.work-card-body{padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.work-card-body h4{color:var(--color-body)}.work-card-link{align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:1rem;font-weight:var(--font-weight-medium);display:inline-flex}.work-card-link:after{display:none}.work-card-link:hover{color:var(--color-primary-dark);animation:none}.work-card-link-static{color:var(--color-button-hover);cursor:default}@media (width<=820px){.work{padding-inline:var(--space-5)}.work-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.work-grid{grid-template-columns:1fr}.work-filters{flex-wrap:wrap}}.work-modal-overlay{padding:var(--space-5);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.work-modal{background-color:var(--color-dark-secondary);border-radius:var(--radius-md);width:100%;max-width:50vw;max-height:80vh;box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:relative;overflow:hidden}.work-modal-scroll{min-height:0;padding:var(--space-7) var(--space-6) var(--space-7) var(--space-7);flex:auto;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.work-modal-scroll{scrollbar-width:thin;scrollbar-color:var(--color-primary-dark) var(--color-dark-secondary)}}@supports selector(::-webkit-scrollbar){.work-modal-scroll::-webkit-scrollbar{width:4px}.work-modal-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.work-modal-scroll::-webkit-scrollbar-track{background:var(--color-dark-secondary)}.work-modal-scroll::-webkit-scrollbar-thumb{background:var(--color-primary-dark);background-clip:padding-box;border:28px solid #0000;border-width:28px 0;border-radius:0}}.work-modal-close{top:var(--space-1);color:var(--color-body);cursor:pointer;transition:color var(--motion-default);background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;right:0}.work-modal-close:hover{color:var(--color-primary)}.work-modal-image{aspect-ratio:16/9;border-radius:var(--radius-sm);margin-bottom:var(--space-5);overflow:hidden}.work-modal-image img{object-fit:cover;width:100%;height:100%;display:block}.work-modal h4{margin-bottom:var(--space-3)}.work-modal-meta{color:var(--color-primary);font-size:var(--font-size-code);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.work-modal p{margin-bottom:var(--space-5)}.work-modal-highlights{margin:0 0 var(--space-5);padding-left:var(--space-5)}.work-modal-highlights li{color:var(--color-body);margin-bottom:var(--space-2)}.work-modal-stack{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.work-modal-stack li{padding:2px var(--space-2) var(--space-1);background-color:var(--color-primary-dark);border-radius:var(--radius-md);font-size:var(--font-size-code);font-weight:var(--font-weight-medium);color:var(--color-body)}@media (width<=520px){.work-modal-scroll{padding:var(--space-5)}}.contact-container{justify-content:center;align-items:stretch;gap:var(--space-7);padding:var(--space-4) var(--space-7) var(--space-8);display:flex}.cards-container{gap:var(--space-5);flex-direction:column;display:flex}.contact-card{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-5);border-radius:var(--radius-sm);background-color:var(--color-dark-secondary);border:1px solid #0000;flex-direction:column;margin:auto;display:flex}.contact-card i{color:var(--color-primary);font-size:1.75rem}.contact-card--link{text-align:center;transition:border-color .2s}.contact-card--link:hover{border-color:var(--color-primary)}.contact-content{gap:var(--space-6);flex-direction:column;display:flex}.contact-form{justify-content:space-between;gap:var(--space-4);flex-direction:column;flex:1;width:170%;display:flex}.contact-form input,.contact-form textarea{font-family:var(--font-sans);font-size:var(--font-size-body);width:100%;color:var(--color-body);background-color:var(--color-dark-secondary);border-radius:var(--radius-sm);padding:var(--space-3);resize:vertical;border:1px solid #0000}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-body);opacity:.6}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none}.contact-form .botcheck{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.form-status--success{color:var(--color-primary)}.form-status--error{color:#e57373}@media (width<=900px){.contact-container{align-items:stretch;gap:var(--space-8);padding-inline:var(--space-5);flex-direction:column}.contact-content{width:100%}.contact-form{flex:none;justify-content:flex-start;width:100%}}.footer-container{background-color:var(--color-primary-dark);margin-left:var(--space-9);margin-top:var(--space-10);padding:var(--space-8)}.footer-container h3{color:var(--color-dark)}.footer-content{justify-content:space-between;align-items:end;display:flex}.footer-social{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.footer-social a{transition:transform var(--motion-default), opacity var(--motion-default);display:flex}.footer-social a img{border-radius:var(--radius-sm);width:40px;height:40px}.footer-social a:hover{opacity:.85;transform:translateY(-3px)}.footer-social a:after{content:none}.footer-rights{text-align:center;margin-top:12px}.name-rights{display:none}@media (width<=700px){.footer-container{margin-left:0;margin-top:var(--space-8);padding:var(--space-6) var(--space-5)}.footer-content{align-items:center;gap:var(--space-5);flex-direction:column}.footer-content .footer-header{display:none}.name-rights{display:block}.footer-social{gap:var(--space-5)}}.reviews-carousel{width:100%;height:fit-content;overflow:hidden}.reviews-carousel .reviews-track{transition:transform .4s;display:flex}.reviews-carousel .reviews-track .reviews-slide{gap:var(--space-6);justify-content:center;align-items:flex-start;min-width:100%;display:flex}.reviews-carousel .reviews-dots{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.reviews-carousel .reviews-dots .dot{background:var(--color-dark-secondary);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s}.reviews-carousel .reviews-dots .dot.active{background:var(--color-primary)}.review-container{background-color:var(--color-dark-secondary);gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-md);flex-direction:column;flex:1 1 0;min-width:0;max-width:350px;display:flex}.review-container i{color:var(--color-primary);font-size:1.5rem}.review-container .review-user{align-items:center;gap:var(--space-5);display:flex}.review-container .review-user img{width:var(--space-8);height:var(--space-8);border:2px solid #0ff;border-radius:50%}.review-container .review-user .review-user-info{gap:var(--space-1);flex-direction:column;display:flex}@media (width<=640px){.reviews-carousel .reviews-slide{flex-direction:column;align-items:center}.review-container{width:100%;max-width:100%}}:root{--color-primary:#00adb5;--color-primary-dark:#008a95;--color-body:#eee;--color-dark:#222831;--color-dark-secondary:#393e46;--color-button-hover:#545e68;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-heading:system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-body:16px;--font-size-body-lg:18px;--font-size-code:12px;--font-size-h1:2.25rem;--font-size-h2:1.875rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-h5:1.125rem;--font-size-h6:1rem;--line-height-body:1.45;--line-height-heading:1.18;--line-height-code:1.35;--letter-spacing-body:.18px;--letter-spacing-h1:-1.68px;--letter-spacing-h2:-.24px;--letter-spacing-h3:-.18px;--letter-spacing-h4:-.12px;--letter-spacing-h5:0;--letter-spacing-h6:.24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:88px;--space-10:128px;--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--layout-monitor-width:1250px;--layout-laptop-width:1080px;--layout-tablet-width:920px;--layout-mobile-width:420px;--motion-default:.3s;--shadow-elevated:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--color-text:var(--color-body);--color-text-heading:var(--color-body);--color-background:var(--color-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}h1{font-family:var(--font-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-h1);margin:0;padding:0}h2{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-h2);margin:0;padding:0}h3{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-h3);color:var(--color-primary);margin:0;padding:0}h4{font-family:var(--font-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-h4);margin:0;padding:0}h5{font-family:var(--font-heading);font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-h5);margin:0;padding:0}h6{font-family:var(--font-heading);font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-h6);margin:0;padding:0}p{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body);line-height:var(--line-height-body);margin:0;padding:0}a{color:var(--color-body);text-decoration:none;position:relative}a:after{content:"";background-color:var(--color-primary);opacity:0;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%,6px)scale(0)}a:hover{animation-name:linkHover;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.button{border-radius:var(--radius-sm);color:#fff;text-transform:uppercase;letter-spacing:.15rem;cursor:pointer;z-index:1;background-color:var(--color-primary);border:none;width:fit-content;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.button:disabled{opacity:.6;cursor:not-allowed}.button:after{content:"";border-radius:var(--radius-sm);z-index:-2;width:100%;height:100%;position:absolute;bottom:0;left:0}.button:before{content:"";background-color:var(--color-button-hover);border-radius:var(--radius-sm);z-index:-1;width:0%;height:100%;transition:all .3s;position:absolute;bottom:0;left:0}.button:hover{color:#fff;animation:unset}.button:hover:before{width:100%}.back-to-top{right:var(--space-6);bottom:var(--space-6);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:var(--color-primary);width:42px;height:48px;color:var(--color-dark);font-size:var(--font-size-h2);cursor:pointer;z-index:50;opacity:0;visibility:hidden;transition:opacity var(--motion-default), transform var(--motion-default), background-color var(--motion-default);border:none;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(10px)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--color-button-hover)}.back-to-top.is-end{color:var(--color-body);background-color:var(--color-dark-secondary)}