#about-me-container{aspect-ratio:16/9;background-image:url("data:image/svg+xml,%3csvg%20width='1920'%20height='951'%20viewBox='0%200%201920%20951'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.15'%20d='M444.5%206.49997C710.433%2024.9376%20734.5%20141.32%201019%20111.98C1227.5%2090.478%201319.09%20157.924%201559%20177.5C1666.95%20186.308%201740.71%20166.516%201806.5%20165C1846.73%20164.073%201885.72%20205.261%201920.09%20254L1920%20932.516C1869.67%20919.711%201798.05%20850.468%201673.5%20866.5C1606.88%20875.074%201524.5%20969%201401%20897.823C1316%20848.835%201166.5%20951%201048.5%20951C978.902%20951%20881.5%20854%20765.5%20904.146C710.579%20927.888%20562.5%20974%20440%20916.404C346.5%20872.443%20193.089%20872.937%20124%20910.5C72.5%20938.5%2029.6984%20910.284%20-0.5%20897.823V24.1514C113.579%202.57811%20269.225%20-5.65213%20444.5%206.49997Z'%20fill='%23C4C4C4'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-areas:"about-me-images about-me-text";grid-template-columns:1.15fr 1fr;margin-top:50px;padding-bottom:100px;padding-top:50px;position:relative}#about-me-container:before{aspect-ratio:389 / 604;background-image:url(/assets/images/S_Logo_Purple-BPGgkrlE.svg);background-position:right top;background-repeat:no-repeat;background-size:contain;content:"";height:auto;opacity:.1;pointer-events:none;position:absolute;right:0;top:0;width:50%;z-index:-1}#about-me-images{display:grid;grid-area:about-me-images;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding-top:80px}#grad-cap-illustration{aspect-ratio:795 / 574;grid-area:1 / 1 / 2 / 2;height:auto;width:100%}#anteater-illustration{aspect-ratio:1;grid-area:1 / 2 / 2 / 3;height:auto;width:100%}#desk-illustration{aspect-ratio:711 / 670;grid-area:2 / 1 / 3 / 3;height:auto;justify-self:center;width:50%}#about-me-header{color:var(--color-section-header);text-align:center}#about-me-text{font-size:1.75rem;font-weight:400;grid-area:about-me-text;line-height:38px;padding-right:10%;padding-top:150px}@media screen and (max-width:1100px)and (min-width:769px){#about-me-container{aspect-ratio:auto;background-image:url("data:image/svg+xml,%3csvg%20width='1920'%20height='951'%20viewBox='0%200%201920%20951'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.15'%20d='M444.5%206.49997C710.433%2024.9376%20734.5%20141.32%201019%20111.98C1227.5%2090.478%201319.09%20157.924%201559%20177.5C1666.95%20186.308%201740.71%20166.516%201806.5%20165C1846.73%20164.073%201885.72%20205.261%201920.09%20254L1920%20932.516C1869.67%20919.711%201798.05%20850.468%201673.5%20866.5C1606.88%20875.074%201524.5%20969%201401%20897.823C1316%20848.835%201166.5%20951%201048.5%20951C978.902%20951%20881.5%20854%20765.5%20904.146C710.579%20927.888%20562.5%20974%20440%20916.404C346.5%20872.443%20193.089%20872.937%20124%20910.5C72.5%20938.5%2029.6984%20910.284%20-0.5%20897.823V24.1514C113.579%202.57811%20269.225%20-5.65213%20444.5%206.49997Z'%20fill='%23C4C4C4'/%3e%3c/svg%3e");background-size:contain;background-position:center;grid-template:"about-me-images" auto "about-me-text" auto / 1fr;margin-bottom:50px;padding-bottom:50px;padding-top:50px}#about-me-text{font-size:1.375rem;line-height:28px;padding-right:5%;padding-left:5%;padding-top:25px}#about-me-container:before{left:10%;right:auto;width:80%}#about-me-images{padding-top:40px;padding-bottom:20px;max-width:600px;margin:0 auto}#grad-cap-illustration,#anteater-illustration{width:75%;justify-self:center}#desk-illustration{width:40%}}@media screen and (max-width:768px){#about-me-container{aspect-ratio:9/16;background-image:url("data:image/svg+xml,%3csvg%20width='375'%20height='652'%20viewBox='0%200%20375%20652'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.15'%20d='M373.5%20652C291.134%20607.874%200.5%20635.088%200.5%20635.088L-1%200C223.445%2013.851%20134.885%2080.343%20375%2058.3017L373.5%20652Z'%20fill='%23C4C4C4'/%3e%3c/svg%3e");grid-template:"about-me-images" 4.6fr "about-me-text" auto / 1fr;margin-bottom:50px;padding-bottom:50px}#about-me-text{font-size:1.5rem;line-height:22px;padding-right:0;padding-top:25px}#about-me-container:before{left:0;right:auto;width:100%}}#scroll-to-top-button{align-items:center;background-color:var(--color-yellow);border-radius:50%;bottom:20px;box-shadow:var(--color-scroll-to-top-button-box-shadow);color:var(--color-background);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;line-height:1;opacity:0;outline:none;position:fixed;right:15px;transform:translate(15px);transition:opacity 1s ease,transform 1s ease;width:50px;z-index:1}#scroll-to-top-button.show{opacity:1;transform:translate(0)}#scroll-to-top-button:hover{transform:scale(1.1)}@media screen and (max-width:1100px){#scroll-to-top-button{display:none}}#mouse-scroll-indicator-wrapper{position:absolute;bottom:0%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#mouse-scroll-indicator{opacity:1;transition:opacity 1s ease;view-transition-name:mouse-scroll;border:4px solid var(--color-mouse);border-radius:var(--rounded-button-corners-size);width:40px;height:60px}#mouse-scroll-indicator.entrance{opacity:0;animation:fade-in-up 1s ease-out forwards;transform:translateY(20px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#mouse-scroll-indicator.hide{opacity:0}#mouse-scroll-indicator:after{position:absolute;top:5px;left:50%;-webkit-transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);opacity:1;-webkit-animation:scroll 2s -1s cubic-bezier(.68,-.55,.265,1.55) infinite;animation:scroll 2s -1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-left:-2px;border-radius:100%;background-color:var(--color-mouse);width:4px;height:4px;content:""}body[style*="position: fixed"] #mouse-scroll-indicator-wrapper{left:calc(50% - var(--scrollbar-width, 0px) / 2)}:root[data-theme-transitioning] #mouse-scroll-indicator{view-transition-name:none}@keyframes scroll{0%,20%{-webkit-transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);transform:translateY(0) scaleY(1) scaleX(1) translateZ(0)}10%{-webkit-transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);opacity:1}to{-webkit-transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);opacity:.01}}@media screen and (max-width:1100px){#mouse-scroll-indicator{display:none}}#landing-blob{animation-duration:1s;animation-delay:0s;opacity:0;animation-fill-mode:forwards;position:absolute;right:0;top:0;width:50%;height:auto;aspect-ratio:1078 / 1154;z-index:-1}#name{animation-duration:.9s;animation-delay:.1s;opacity:0;animation-fill-mode:forwards;color:var(--color-name)}#software-engineer{animation-duration:.9s;animation-delay:.2s;opacity:0;animation-fill-mode:forwards;font-size:2.25rem;font-weight:700;margin-block:0}#subtitle{animation-duration:.8s;animation-delay:.3s;opacity:0;animation-fill-mode:forwards;font-size:1.5rem;font-weight:400}#contact-me-button{animation-duration:.8s;animation-delay:.6s;opacity:0;animation-fill-mode:forwards;align-items:center;color:#fff;display:flex;font-size:1.625rem;justify-content:center;line-height:1;padding:15px 20px;view-transition-name:contact-button}#contact-me-socials{margin:0 50px;view-transition-name:contact-socials}#profile-pic{aspect-ratio:418 / 468;display:block;height:auto;margin:2rem auto;max-width:80%;padding:0 2rem;width:100%}#landing-page-container{display:grid;grid-template-areas:"nav nav" "name-intro profile-pic-container";grid-template-columns:1.5fr 1fr;margin-bottom:150px}#name-intro-container{grid-area:name-intro;padding-left:10%;padding-top:5%}#profile-pic-container{grid-area:profile-pic-container}#contact-me-container{grid-area:contact-me-container;padding-left:250px}#contact-me-bar{align-items:center;display:flex;margin-top:75px}:root[data-theme-transitioning] #contact-me-button{view-transition-name:none}#contact-me-button span{cursor:pointer;display:flex;align-items:center;line-height:1;position:relative;transition:.5s}#contact-me-button span:after{color:var(--color-yellow);content:"«";opacity:0;position:absolute;right:-20px;top:0;transition:.5s}#contact-me-button:hover span,#contact-me-button:focus span,#contact-me-button:active span,#contact-me-button.modal-open span{padding-right:20px}#contact-me-button:hover span:after,#contact-me-button:focus span:after,#contact-me-button:active span:after,#contact-me-button.modal-open span:after{opacity:1;right:0}body[style*="position: fixed"] #contact-me-socials{margin-right:calc(50px + var(--scrollbar-width, 0px))}:root[data-theme-transitioning] #contact-me-socials{view-transition-name:none}#contact-me-socials svg{transition:transform .5s,fill .5s}#contact-me-socials svg:hover{transform:scale(1.1);fill:var(--color-socials-hover)}#github-logo{animation-duration:.8s;animation-delay:.7s;opacity:0;animation-fill-mode:forwards;fill:var(--color-socials-github)}#linkedin-logo{animation-duration:.8s;animation-delay:.8s;opacity:0;animation-fill-mode:forwards;fill:var(--color-socials-linkedin)}.contact-me-item{height:50px;margin-right:25px;width:50px}@media screen and (min-width:1101px){body[style*="position: fixed"] #landing-blob{right:var(--scrollbar-width, 0);width:calc(50% - var(--scrollbar-width, 0px) / 2)}}@media screen and (max-width:1100px)and (min-width:769px){#landing-blob{width:55%;height:auto}#landing-page-container{grid-template-areas:"nav" "profile-pic-container" "name-intro";grid-template-columns:1fr;margin-bottom:50px}#software-engineer{font-size:2rem;animation-delay:.4s}#contact-me-bar{justify-content:space-between}#contact-me-socials{margin:0}.contact-me-item{margin:0 10px}#contact-me-button{padding:10px 15px;animation-delay:.8s;font-size:1.375rem}#github-logo{animation-delay:.9s}#linkedin-logo{animation-delay:1s}#name-intro-container{padding-left:0}#profile-pic{max-width:50%;animation-delay:.1s}#subtitle{font-size:1.25rem;animation-delay:.5s}#name{animation-delay:.3s}}@media screen and (max-width:768px){#landing-blob{width:60%;height:auto}#landing-page-container{grid-template-areas:"nav" "profile-pic-container" "name-intro";grid-template-columns:1fr;margin-bottom:50px}#software-engineer{font-size:2rem;animation-delay:.4s}#contact-me-bar{justify-content:space-between}#contact-me-socials{margin:0}.contact-me-item{margin:0 5px}#contact-me-button{padding:10px 15px;animation-delay:.8s}#github-logo{animation-delay:.9s}#linkedin-logo{animation-delay:1s}#contact-me-socials img:hover{transform:none}#name-intro-container{padding-left:0}#profile-pic{max-width:80%;animation-delay:.1s}#name{animation-delay:.3s}#subtitle{animation-delay:.5s}}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s!important;animation-timing-function:ease-in-out!important}::view-transition-old(root){z-index:1;animation-name:none!important}::view-transition-new(root){z-index:2;animation-name:var(--theme-transition-animation, none)!important}@keyframes reveal-theme{0%{clip-path:circle(0 at var(--x, 50%) var(--y, 50%))}to{clip-path:circle(var(--r, 100vmax) at var(--x, 50%) var(--y, 50%))}}:root{color-scheme:light dark}.theme-toggle-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:1}.theme-toggle-button:hover{transform:scale(1.1)}.theme-toggle-button:active{transform:scale(.95)}.morph-icon{overflow:visible}.sun-rays,.sun-circle,.moon-path{color:var(--color-yellow);transition:opacity .6s ease-in-out,transform .6s ease-in-out;transform-origin:center}.sun-rays.visible{opacity:1;transform:rotate(0) scale(1)}.sun-circle.visible{opacity:1;transform:scale(1)}.moon-path.visible{opacity:1;transform:scale(1) rotate(0)}.sun-rays.hidden{opacity:0;transform:rotate(180deg) scale(.5)}.sun-circle.hidden{opacity:0;transform:scale(.3)}.moon-path.hidden{opacity:0;transform:scale(.3) rotate(-90deg)}@media screen and (max-width:1100px){.theme-toggle-button{padding:12px;z-index:auto}.theme-icon{width:35px;height:35px}}.nav-link-entrance{animation-duration:.5s;opacity:0;animation-fill-mode:forwards}.nav-link-entrance:nth-child(1){animation-delay:.1s}.nav-link-entrance:nth-child(2){animation-delay:.2s}.nav-link-entrance:nth-child(3){animation-delay:.3s}.nav-link-entrance:nth-child(4){animation-delay:.4s}.nav-link-entrance:nth-child(5){animation-delay:.5s}.nav-link-entrance:nth-child(6){animation-delay:.6s}nav{align-items:center;display:flex;grid-area:nav;height:12vh;justify-content:space-between;margin:0 2vw}nav ul{align-items:center;display:flex;justify-content:space-around;list-style-type:none;width:48%}nav li{float:left;margin-bottom:0}nav li a{color:var(--color-nav-link);font-size:1.5vw;font-weight:900;text-decoration:none;transition:var(--animation-duration);position:relative}nav li a:hover{color:var(--color-yellow)}nav a:has(#logo){animation-duration:.5s;animation-delay:0s;opacity:0;animation-fill-mode:forwards}nav li a:after{background:var(--color-yellow);content:"";height:3px;left:0%;position:absolute;top:100%;transform:scaleX(0);transform-origin:right;transition:transform .5s;width:100%}nav li a:hover:after{transform:scaleX(1);transform-origin:left}.nav-active{transform:translate(0)}.nav-closing{transform:translate(100%);transition:transform .5s ease-out .35s}.hamburger-menu{display:none}.hamburger-menu-line{background-color:var(--color-hamburger);border-radius:var(--rounded-button-corners-size);height:5px;margin:5px;transition:all .5s ease;width:25px}#logo{fill:var(--color-logo);float:left;height:8vh;width:auto}@media screen and (max-width:1100px){nav{padding:0}nav ul{align-items:center;background-color:#6c63fff2;display:flex;flex-direction:column;height:100%;padding:20px 0;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .5s ease-in;width:100%;z-index:1}nav li{opacity:0;transform:translate(50px)}nav li a{color:var(--color-white);font-size:3rem}nav li a:hover{color:var(--color-yellow)}.nav-active li{animation:nav-link-fade-in .5s ease forwards}.nav-closing li{opacity:1;transform:translate(0)}.nav-active li:nth-child(1){animation-delay:.1s}.nav-active li:nth-child(2){animation-delay:.2s}.nav-active li:nth-child(3){animation-delay:.3s}.nav-active li:nth-child(4){animation-delay:.4s}.nav-active li:nth-child(5){animation-delay:.5s}.nav-active li:nth-child(6){animation-delay:.6s}@keyframes nav-link-fade-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes nav-link-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}.hamburger-menu{cursor:pointer;display:block;margin-right:2vw;z-index:1}.hamburger-entrance{animation-duration:.6s;animation-delay:.3s;opacity:0;animation-fill-mode:forwards}.toggle #hamburger-menu-line1{transform:rotate(-45deg) translate(-8px,6px)}.toggle #hamburger-menu-line2{opacity:0}.toggle #hamburger-menu-line3{transform:rotate(45deg) translate(-8px,-6px)}}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;box-shadow:0 0 1px #0000}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.hvr-bounce-to-right{position:relative;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color;box-shadow:0 0 1px #0000}.hvr-bounce-to-right:before{position:absolute;inset:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;z-index:-1;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius:var(--rounded-button-corners-size);background:var(--color-yellow);content:""}.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:#fff}.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.animate__animated{animation-duration:var(--animate-duration);animation-fill-mode:both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fade-in}@keyframes fade-in-down{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fade-in-down}@keyframes fade-in-right{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fade-in-right}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fade-in-up}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate__springIn{animation-name:spring-in;animation-duration:.6s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}.skip-link{background-color:var(--color-purple);border-radius:4px;color:#fff;left:50%;padding:8px 16px;position:absolute;text-decoration:none;top:-100px;transform:translate(-50%);transition:top .3s;z-index:1000}.skip-link:focus{top:10px}:root{--color-purple: hsl(243deg, 100%, 69%);--color-purple-550: hsl(243deg, 100%, 64%);--color-white: white;--color-off-grey: #707070;--color-yellow: #ffc261;--color-arcules: #0cb4df;--color-reazon: #00acee;--color-raytheon: #ce1126;--color-id-tech: #063;--thumbnail-size: 40px;--language-item-size: 35px;--mobile-thumbnail-size: 30px;--rounded-button-corners-size: 1000px;--rounded-component-corners-size: 40px;--animation-duration: .5s;--animate-duration: 1s}:root[color-mode=light]{--color-background: var(--color-white);--color-scrollbar-background: #d9d9d9;--color-body-text: var(--color-off-grey);--color-card: var(--color-white);--color-art-swiper-bullets: var(--color-purple);--color-art-swiper-buttons: rgb(255, 255, 255, .6);--color-mouse: #2f2e41;--color-scroll-to-top-button-box-shadow: 2px 5px 10px grey;--color-card-alt-text: var(--color-off-grey);--color-socials-github: var(--color-off-grey);--color-socials-linkedin: var(--color-off-grey);--color-socials-hover: var(--color-purple);--color-logo: var(--color-purple);--color-nav-link: var(--color-white);--color-hamburger: var(--color-white);--color-name: var(--color-purple);--color-section-header: var(--color-purple)}:root[color-mode=dark]{--color-background: #1e272e;--color-scrollbar-background: #2b343b;--color-body-text: var(--color-white);--color-card: #2b343b;--color-art-swiper-bullets: var(--color-white);--color-art-swiper-buttons: rgb(43, 52, 59, .3);--color-mouse: var(--color-yellow);--color-scroll-to-top-button-box-shadow: 0 10px 30px rgb(0, 0, 0, .25);--color-card-alt-text: #a5a5a5;--color-socials-github: var(--color-white);--color-socials-linkedin: var(--color-white);--color-socials-hover: var(--color-yellow);--color-logo: var(--color-purple);--color-nav-link: var(--color-white);--color-hamburger: var(--color-white);--color-name: var(--color-yellow);--color-section-header: var(--color-yellow)}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;background-color:var(--color-background);scroll-behavior:smooth;font-size:16px}body{margin:0;color:var(--color-body-text);font-family:Nunito,sans-serif}html,body{height:100%}h1{margin-block:0;font-weight:900;font-size:6rem;line-height:131px}h2{margin-block:0;font-weight:900;font-size:3.125rem}a{color:var(--color-purple)}ul{margin-block:0;padding-left:0;list-style-position:inside}li{margin-bottom:.5em}ul ul{margin-left:2em}.page-container{padding:0 5em}.section-header{color:var(--color-section-header);text-align:center;text-transform:uppercase}.button{cursor:pointer;margin:5px;outline:none;border:none;border-radius:var(--rounded-button-corners-size);background:var(--color-purple);color:#fff;font:900 large Nunito,sans-serif;font-size:1.125rem;text-align:center;text-transform:uppercase}.card{display:flex;position:relative;flex-direction:column;transition:transform .5s;margin:20px auto;box-shadow:0 10px 30px #00000040;border-radius:var(--rounded-component-corners-size);background:var(--color-card);padding:35px;width:80%;font-size:1rem}.card:hover{transform:scale(1.03)}::view-transition-group(root){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.modal-bg{background-color:#000c;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility 0s .3s;visibility:hidden;width:100%;z-index:1}.modal-bg.show{opacity:1;pointer-events:auto;transition:opacity .3s ease;visibility:visible}.modal-close{position:absolute;right:16px;top:16px;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s ease;z-index:10;opacity:.9}.modal-close:hover{background-color:#ffc26133;color:var(--color-yellow);transform:rotate(90deg);opacity:1}.modal-close:focus{outline:2px solid var(--color-yellow);outline-offset:2px}@media screen and (max-width:1100px)and (min-width:769px){html{font-size:14px}body{overflow-x:hidden}h1{font-size:4.5rem;line-height:80px}h2{font-size:2.5rem;line-height:42px}.page-container{margin-bottom:50px;padding:0 2rem}.card{margin:18px auto;box-shadow:0 8px 20px #00000040;padding:30px;width:85%;font-size:1.125rem}.card:hover{transform:scale(1.02)}}@media screen and (max-width:768px){html{font-size:12px}body{overflow-x:hidden}h1{font-size:4rem;line-height:65px}h2{font-size:2.75rem;line-height:38px}.page-container{margin-bottom:50px;padding:0 10px}.card{margin:15px auto;box-shadow:0 5px 10px #00000040;padding:25px;width:90%;font-size:1.25rem}.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate__animated{animation:none!important;opacity:1!important}.animate__springIn{animation:none!important;opacity:1!important;transform:scale(1)!important}.card:hover{transform:none!important}.scroll-animation{animation:none!important}}*{scrollbar-color:var(--color-purple);scrollbar-width:thin}*::-webkit-scrollbar{width:15px}*::-webkit-scrollbar-track{background:var(--color-scrollbar-background)}*::-webkit-scrollbar-thumb{border:3px solid var(--color-scrollbar-background);border-radius:20px;background-color:var(--color-purple-550)}.section-skeleton{display:grid;gap:1.5rem;margin:2rem 10%;min-height:400px}.section-skeleton-header{background:linear-gradient(90deg,#6c63ff14,#6c63ff2e,#6c63ff14);background-size:200% 100%;animation:section-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:8px;height:2.5rem;max-width:280px}.section-skeleton-card{background:linear-gradient(90deg,#6c63ff0f,#6c63ff24,#6c63ff0f);background-size:200% 100%;animation:section-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--rounded-component-corners-size, 12px);height:140px}@keyframes section-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.section-skeleton-header,.section-skeleton-card{animation:none}}.error-boundary-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center;background-color:var(--color-background);color:var(--color-body-text)}.error-boundary-title{font-size:48px;margin-bottom:20px;color:var(--color-purple)}.error-boundary-subtitle{font-size:24px;margin-bottom:20px}.error-boundary-message{font-size:16px;margin-bottom:30px;max-width:600px}.error-boundary-button{padding:12px 24px;font-size:16px;background-color:var(--color-purple);color:#fff;border:none;border-radius:var(--rounded-button-corners-size);cursor:pointer;transition:transform .2s,box-shadow .2s}.error-boundary-button:hover,.error-boundary-button:focus{transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff66;outline:none}.error-boundary-button:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.error-boundary-button:active{transform:translateY(0)}.error-boundary-details{margin-top:40px;text-align:left;max-width:800px}.error-boundary-summary{cursor:pointer;font-size:14px;margin-bottom:10px}.error-boundary-pre{background-color:#f5f5f5;padding:15px;border-radius:8px;overflow:auto;font-size:12px;color:#333}
