:root{--bgC:#f9f9f9;--txtC:#000437;--shadowC:#dcebef;--iconC:#5f4866;--darkMain:#1b313e;--darkSnd:#5e829e}html{background-color:var(--bgC);color:var(--darkMain);scroll-behavior:smooth;height:100%}body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app-main-content{flex-grow:1;width:85%;max-width:77.5rem;margin:0 auto;padding:1rem}h1,h2,h3,h4,h5,h6{color:var(--darkMain);margin-top:0;margin-bottom:.75rem;font-weight:600;line-height:1.2;text-wrap:balance}h1{font-size:2.25rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{line-height:1.65;margin-bottom:1rem;text-wrap:pretty}.flexBoxRow,.layout-row{display:flex;flex-flow:row nowrap;gap:1.25rem;height:100%}.flexBoxColumn{display:flex;flex-flow:column nowrap;gap:1.25rem}.card{background-color:var(--bgC);border:1px solid var(--shadowC);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07);transition:all .3s ease-in-out;flex:1 1 300px;overflow-wrap:break-word}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.1)}.icon-wrapper svg{width:100%;height:100%;transition:fill .3s ease}.bounce{animation:slideUpAndBounce .5s ease-out both}@keyframes slideUpAndBounce{0%{opacity:0;translate:0 1.5rem}70%{opacity:1;translate:0 -4px}to{opacity:1;translate:0 0}}.app-footer{width:100%;padding:2rem 0;margin-top:auto;border-top:1px solid var(--shadowC);align-items:center}.app-footer,.social-links{display:flex;justify-content:center}.social-links{gap:1rem;flex-wrap:wrap}.social-link-wrapper{position:relative;display:flex;align-items:center}.social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bgC);border:1px solid var(--shadowC);border-radius:999px;text-decoration:none;color:var(--darkSnd);transition:all .3s ease}.social-link:hover{background-color:var(--shadowC);color:var(--darkMain);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.05)}.social-link .icon-wrapper svg{fill:var(--darkSnd);transition:fill .3s ease}.social-link:hover .icon-wrapper svg{fill:var(--darkMain)}.copy-button{margin-left:.5rem;padding:.6rem;background-color:var(--darkMain);color:var(--bgC);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;width:36px;height:36px;transition:all .3s ease}.copy-button:hover{background-color:var(--darkSnd)}.copy-button .icon-wrapper svg{fill:var(--bgC)}.copy-button.copied{width:auto;border-radius:6px;padding:.5rem .75rem}@keyframes fadeIn{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.flexBoxRow{flex-direction:column}}.navigation-menu-sidebar,.navigation-menu-topbar{display:flex;font-family:Nunito Sans,sans-serif;transition:all .3s ease}.navigation-menu-list{list-style:none;padding:0;margin:0}.navigation-menu-sidebar{flex-direction:column;padding:10px;background-color:var(--bgC);border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);border:1px solid var(--shadowC);width:260px;flex-grow:1}.navigation-menu-sidebar .navigation-menu-list a{display:flex;align-items:center;gap:15px;padding:15px 20px;text-decoration:none;color:var(--darkMain);border-radius:8px;transition:all .3s ease;white-space:nowrap;min-width:0}.navigation-menu-sidebar .navigation-menu-list a.active,.navigation-menu-sidebar .navigation-menu-list a:hover{color:var(--darkSnd);background-color:var(--shadowC)}.navigation-menu-sidebar .navigation-menu-list a.active{font-weight:700}.link-text{transition:opacity .2s ease-in-out,width .2s ease-in-out;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.navigation-menu-sidebar.collapsed{width:88px}.navigation-menu-sidebar.collapsed .link-text{opacity:0;width:0;overflow:hidden}.navigation-menu-sidebar.collapsed .navigation-menu-list a{justify-content:center;padding:15px}.navigation-menu-topbar{flex-direction:row;align-items:center;width:100%}.navigation-menu-topbar .navigation-menu-list{display:flex;justify-content:center;flex-grow:1;gap:15px}.navigation-menu-topbar .navigation-menu-list a{display:flex;align-items:center;gap:8px;padding:10px 15px;text-decoration:none;color:var(--darkMain);border-radius:8px;position:relative;transition:all .3s ease;white-space:nowrap;min-width:0}.navigation-menu-topbar .navigation-menu-list a.active,.navigation-menu-topbar .navigation-menu-list a:hover{color:var(--darkSnd)}.navigation-menu-topbar a:after{content:"";position:absolute;width:0;height:2px;bottom:5px;left:50%;transform:translateX(-50%);background-color:var(--darkSnd);transition:all .3s ease}.navigation-menu-topbar a.active:after,.navigation-menu-topbar a:hover:after{width:80%}.navigation-menu-topbar a.active{font-weight:700}.layout-toggle-div{margin-top:auto;padding-top:10px;border-top:1px solid var(--shadowC);display:flex;gap:5px}.navigation-menu-topbar .layout-toggle-div{margin-top:0;border-top:none;padding-top:0;margin-left:auto;flex-shrink:0}.layout-toggle-button{background-color:transparent;border:none;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-grow:1;color:var(--darkMain)}.layout-toggle-button:hover{color:var(--darkSnd);background-color:var(--shadowC)}@media (max-width:767px){.navigation-menu-sidebar{width:60px}.navigation-menu-sidebar .link-text{opacity:0;width:0;overflow:hidden}.navigation-menu-sidebar .navigation-menu-list a{justify-content:center;padding:15px}.navigation-menu-topbar .navigation-menu-list{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.navigation-menu-topbar .navigation-menu-list::-webkit-scrollbar{display:none}}.AutoScaledImage{border-radius:50%;overflow:hidden;border:1px solid var(--darkSnd);max-width:100%;height:auto;min-width:100px;display:block}.profile-picture-container{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%;flex-shrink:0;min-width:120px}.main-picture-wrapper{cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1);will-change:transform}.main-picture-wrapper.pressed{transform:scale(.7)}.bubbles-container{position:absolute;top:50%;left:50%;width:1px;height:1px;pointer-events:none;opacity:0;transition:opacity .3s ease}.bubbles-container.visible{pointer-events:auto;opacity:1}.selector-bubble{position:absolute;top:0;left:0;border-radius:50%;overflow:hidden;cursor:pointer;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s ease,background-color .3s ease;will-change:transform;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.1)}.bubbles-container.visible .selector-bubble{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}.selector-bubble.active{border-color:hsla(0,0%,100%,.8);transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1.15)}.bubble-image{transition:filter .3s ease}.selector-bubble.active .bubble-image{filter:blur(4px)}.bubble-year-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.1rem;text-shadow:0 0 8px rgba(0,0,0,.7);pointer-events:none}.cv-bubble{position:fixed;bottom:2rem;right:2rem;z-index:1000;background-color:var(--darkMain);color:var(--bgC);border:none;border-radius:999px;padding:.75rem 1.4rem;font-family:Nunito Sans,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25);animation:cv-pulse 3s ease-in-out infinite;transition:background-color .2s ease,transform .2s ease;white-space:nowrap}.cv-bubble:hover{background-color:var(--darkSnd);transform:scale(1.05);animation-play-state:paused}.cv-bubble-text{pointer-events:none}@keyframes cv-pulse{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.25),0 0 0 0 rgba(27,49,62,.5)}50%{box-shadow:0 4px 20px rgba(0,0,0,.25),0 0 0 10px rgba(27,49,62,0)}}