@import"https://fonts.googleapis.com/css?family=Varela+Round";@import"https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700";:root{--text-color: #1a1a1a;--bg-color: #ffffff;--nav-bg: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--text-color: #e5e7eb;--bg-color: #0a0a0a;--nav-bg: rgba(10, 10, 10, .95);--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-color);background:var(--bg-color);overflow-x:hidden;transition:background .5s ease,color .5s ease;margin:0;padding:0}#root{width:100%;min-height:100vh}#canvas-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (max-width: 768px){.top-bar{display:flex!important}.bottom-nav{display:block!important}.desktop-only{display:none!important}.page-frame{padding:0}.page-frame-inner{min-height:100vh;border:none!important;padding-top:70px;padding-bottom:70px}#canvas-bg{position:fixed;opacity:.5}.navigation{margin:0;padding:38px 0;text-align:center;display:contents}.navigation-title{font-size:2rem;margin-bottom:10px}.navigation-subtitle{font-size:1.125rem;margin-bottom:40px!important}.navigation-description{font-size:.95rem!important;text-align:justify!important}.info-panel{width:100%;left:100%;right:auto}.info-panel.open{left:0;width:-webkit-fill-available;margin:23px 0;background-color:#6c9!important;border-radius:10px}.info-panel-content{padding:80px 25px 100px}.info-panel-close{font-size:2.5rem;height:0px;display:flex;align-items:center;justify-content:center;border-radius:50%}.experience-item{flex-direction:column;background:#ffffff26;padding:18px;border-radius:12px;font-size:11px;margin-bottom:10px!important}.experience-left{flex:none;padding-right:0;margin-bottom:12px}.experience-right{flex:none}.skills-hobbies-container{flex-direction:column;font-size:12px;margin:0}.skills-section,.hobbies-section{flex:none;width:100%;margin:0}}@media (min-width: 769px) and (max-width: 1024px){.navigation{margin-left:40px;margin-top:40px;max-width:45vw}.navigation-title{font-size:1.75rem}.info-panel{width:65vw}}.page-frame{min-height:100vh;padding:40px;transition:background .5s ease,color .5s ease;position:relative}.page-frame.light{background:#fff;color:#1a1a1a}.page-frame.dark{background:#0a0a0a;color:#e5e7eb}.page-frame-inner{position:relative;min-height:calc(100vh - 80px);width:100%;overflow:hidden}.page-frame-inner.light{border:1px solid #000000}.page-frame-inner.dark{border:1px solid #ffffff}.top-bar{display:none;position:fixed;top:0;left:0;right:0;height:70px;align-items:center;justify-content:space-between;padding:0 20px;z-index:101}.top-bar.light{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.1)}.top-bar.dark{background:#0a0a0af2;border-bottom:1px solid rgba(255,255,255,.1)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;z-index:100}.bottom-nav.light{background:#fff;border-top:1px solid rgba(0,0,0,.1)}.bottom-nav.dark{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1)}.desktop-only{display:block}.desktop-only>*{position:absolute}.navigation{position:absolute;top:0;left:0;margin-top:60px;margin-left:60px;max-width:27vw}.navigation-title{font-size:2rem;font-weight:600;letter-spacing:.025em;margin-bottom:9px;line-height:1.1}.navigation-subtitle{font-size:1.125rem;opacity:.8;margin-top:0;margin-bottom:18px;line-height:1.2}.navigation-description{font-size:.875rem;opacity:.6;line-height:1.6;text-align:justify;margin:0}.sidebar{position:absolute;left:0;top:50%;transform:translateY(-50%);padding-left:60px}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-item{margin-bottom:12px}.sidebar-item:last-child{margin-bottom:0}.sidebar-button{background:transparent;border:none;padding:0;cursor:pointer;font-size:16px;transition:color .2s,font-size .2s;font-weight:400}.sidebar-button.active{font-size:18px;font-weight:500}.sidebar-button.light{color:#0009}.sidebar-button.light.active{color:#000}.sidebar-button.dark{color:#fff9}.sidebar-button.dark.active{color:#fff}.sidebar-button:before{display:none}@media (max-width: 768px){.bottom-nav .sidebar{position:static;transform:none;padding:0;width:100%}.bottom-nav .sidebar-list{display:flex;justify-content:space-around;align-items:center;height:70px;padding:0 10px}.bottom-nav .sidebar-item{margin-bottom:0;flex:1;display:flex;justify-content:center}.bottom-nav .sidebar-button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;padding:8px 12px;min-width:60px}.bottom-nav .sidebar-button.active{font-size:13px;font-weight:600}.bottom-nav .sidebar-button:before{display:block;content:"";width:35px;height:35px;margin-bottom:2px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFaElEQVR4nO2ba0xTZxjHH0mMW+IsRYQtUZC2Ck7NsnmZUbmoOBABq7M9RkVBLAG2nkLFC23hULAFpiIV5DJRwsjM5iVqHHWJRmNcYvy2JWqyfdBskCVmm9F4Y7ryLG9zStqG04ucXrTnn/y/tOd9+vx/57zPOR9OAQQJEiRIUHClOMTEbGlv6C7sMD/Kbqx6KFErTTL1linwtquku2RikYWpVXWanu7sbkZiZSuDEprCZFrxfAG9zixTZ0/iWn9JJ15rNYiHrIYYdPaAXjw4oBOvgXBW4ZEGqqSz/oEjuMOK1lo7AIc/0sgfLdTm7wCACe41SFD38KMQDDF/QDhqs8W4QtVh/NU9uMOfmXe5AHD4kwr5/ZRKebpzLa7wDkM4qaDNPFvVYbyk6m4a4Qpf1NWIc6u2jQmAWEpTuEiTf0OmpqRvDID1B5i47Zaakzu7Gm0kZPnxFmy+8C2W9hx0CV/c1Yhlxg24aVcaSmklJwTiWWqFbSGd33tGHx++ANQWy6Si9voaVZfpOQlY8vVX2Hf9R3z07AkS3R68Nxq+wkLjCeOHo40f1yVgnnaVRwjE8zQbsHL3Arygjw0vAJSlrqC4o+FvR8BW62kc+ucvdBYB8UV7Nbaa0jjPYMs+GaZW5HgFsaBiHdbtnUsGX2gBKFuYzGKnAWc804t3Bu+jux4+fYynTjH4Q83YZ851mk+1h/tYI/cKYkXlGjxSLQ0+AMXh+uSittorjuBV/Ufx+t2f0TYy4hJ8+NVLvHHrPF5smOU1uLvPGabZL/c59EavIPK1K7FPNz3wAPJaq+O3tdX17uxq/M8Rnuzzf1+9dAlus9nw5i/X8dyBT/0O7u6Tug+woGoZyrwNSlqBc+gNfZLSrXG8B9/ey7yzuc1YX9xpGna/lT0bfuES/s6923iuPW/cwd19QjcDN2ozvF4NUloxnKSm6qZXKt7lI/sEysKUFHY0/sl1L7/522178N8fDOH5/i95D+7uw/tkmFa5xiuIJFo5KKWpEmCYqNdKvpwpkxR2mu9yBXe49CiD3W2bcMCHAceXyaCs3TvPp0EpoalbUi01w28ASTR1NadpN2dwVed+bGhejxdqPD+cBNLn9bFI+zYoL/sNQKJWPiWL041qLDi6fzT4jk4zVh/YiqeZhJAFd/f3+vdxm4dBmUQrH/sPgKYujw4WzSb7MztVvRZ79YkhD+xpUK7TruTnCpBqqRlJauUVQi9buxotTg8c4W7S6+rKLJTQyhdJauW1meWbE2E8soZBqNfxuEI7K9RBBAAGAQAKAAwCABQAGAQAGHYAzBUzMVmxFOPk6R6doliKTZrEcdfxtV7QAKT42TQfdXypFzQAcX42zVcdrnpn94jxGzoae8pFkQfgO60Yj5WLRh1RAM7ucQ0fcQD66OjIBtDjFj7iABwLFYAUnm6DbyyAJk2iTxDIMc0ViW8fACtPFgDIBQAoAJALAFAAIBcAoL8ALuoiGMBFXQz2a6IDC2BAL34STADT8lIxNnsJTl29GKdmevZYwe0uFT3hD4BBfC1YAGJzlnkN7QuAnnLRT7wBsOqi84IBYFrecr/CewLQWyr6nDcARFaD2BRoALFZS3gCMOUQBEIDhuhcq158NRAzgQDwZc9zAigTPSOXPe9nXpAgQYJ80EQAEAFAPAAkAMBsAJgPAIvIK4cAkAoAGQCwEgAyASALALIBIJd1NvtZJntMBrtmOVtjPlszgf0NEfubIdN75D0qAFjMNp0bImeyPZBeJgcjeBQALAxhYG8mvUVFOoAJEARNJu9SsvszlFtgFduDJFhbADjkaQguYwca+QscGXCkaa4hSL4jx5BjyRqyNqBD8H8Mmm990xo9EwAAAABJRU5ErkJggg==)}.bottom-nav .sidebar-item:nth-child(2) .sidebar-button:before{background-image:url(/assets/info-button-CJG8Eafo.png)}.bottom-nav .sidebar-item:nth-child(3) .sidebar-button:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFLUlEQVR4nO2bb0wbZRzHf5r4bhMpoTDT0l4hhpIsWRyFlTHbXmF0jCwMRu+u459bydVlbmZxgnthjTpX2mXFASpTs4VtpZsxYYlEE+cENL4jmugL3/jC+EITzZKxaHyx9DHP9dpVVkrv7ml7xf6Sb9K0z3P3+31+f567FwUoWclKVrKSlSxnVsbYjBo3PVPudv6qYegHGsaJMot+EF/rfB/vhWI2DePYW844VzcOOr2EvSzdDsVoZX3tlJLgkxDc9L2nPA4DFJtp3PSM0uBT9B4Um5XH+5gQAPoXKDbTpBl4T/bt1Wy0b2u3syLdYIRiM02aTOZjr2pMsxkBBI/ZdoROtK+Mv3zwn8AoiwJjh4no7GkG9dkqZYu1V6Ij7dq/X9pf/fWrB2oachL8+eO2mcAoGyMVdKrOvOBSBCBVnEMbe6V723nywY89dHj2XT/68tNraPGzaFJ3FiJoJnRKFgBvt5kYACy3rRIRgxA8ZtuRyHz49RH080/fo/Xs7h+/SQ7+ZL+VaPCpleDvMdQrBhA60b6ScDZT8FIA4J7HZU8682t1sqt6WTGAAB54YtknLBaLoW+/uoXmI5No/vpFQdEPz6HjnCWnAUkVHozKAYzGy//OwvUkABy8XKd6bVq0q9OMjD0tqNLtEIQ/W/eZhd9It4FyAGPxsv3m9idJAB9fCcly6IDjaWTo3b3uI6+ht0VYQxJCTgDcvByUlflMwadCIFkJqgGwq9Oc9cuPdV+9+gAsfn4jCSBy6S3Jjhh7rFkDoHqs6gMwEzqF7v75u3DUyZn2eNhlCwCvVR2AQIrkOCIFgLbPvvkAGIu1BYJnyADA53y+hyBHa5UDmPIPEAEQPwZbsjsG7VVEAPCuKuUAbowPEwHw8EGoJW8PQmcZvXIAi1NeNPlaPxEAQiXYq4QSx32eeBTGn/F3pDKPNdJRhSI8pRzA8rQX3b545D8QSDmZK+HgL3uNKOozkQGwPO1FS1NHEW6HKX8/fskg4ughm1YQiWthn3yuaqHsceZx8EQBLKcocXE5ettrRvsHm5GJtaMKhhaEP3cNNqFz3gZF104n1QCY9dWhjoHmjCdABeNEroFmNMvXbS4As3wdetbTmvVzQOPhVnSVr1UngKXJYclOdA5mznw6dQ00qRPAF+O9khwIeuuF0pYKAM+G0Ei9+gDMn7ZIcqB70CI5+IQODlrUBWDB3ybZAbPnOdkAGjx7Cg9gaXJYKHupmU+omsn+NXittrG0rHteOWpE0/01aIIj8CgcVZgBucEnJPV+HwwbUJjTJ1VwABRnkx28ibNLznxq8KoAwA41ygbADe2UdC9c9qoDcM1XK0CQUgl4Ld6D90q5F+551QGI5klzvOmR4IkAmPNRq4UOLht99Pyj/R9mdfeVA+BN36k561dHKHRpyJC2/MOc7kcCAKg3cxlE6pkdJqx3PPqgYgCzPpM2V22w9swmKla3OsFSVUDCIjx1aM5nipHOfK6Cv8DpYxOMzkMk+FQIUZ66RwpAujObWOZJB5+wmy/WVUZ56o05H7Uyx1P3lQAg2fMXWN1fYU7/A+55YmVfspKVrGQS7An8JxEAwAOoBgCeAYDtAGABgFYA2AMAdgCgAaANADoAwAUAXaJc4ndt4hq7uKdVvMZ28Zo14j3KxHsWzLYCQC0ANIlOdxVIbaIP2Jct+Qj8cQBoLGDAG6lR9PF/DeAxyINtAQCT2J+FbAGn6IMpXy0A61imIbhbHGg2ccBhp9cbgvg3vAavxXvw3pwOwX8ByVCtTifNeScAAAAASUVORK5CYII=)}.bottom-nav .sidebar-button.light.active,.bottom-nav .sidebar-button.dark.active{color:#6c9}}.theme-toggle-container{position:fixed;bottom:60px;left:11px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:50}.theme-toggle-button{width:20px;height:50px;border-radius:10px;background:transparent;position:relative;cursor:pointer;transition:all .3s ease;padding:4px}.theme-toggle-button.light{border:1px solid #000000}.theme-toggle-button.dark{border:1px solid #ffffff}.theme-toggle-indicator{width:16px;height:16px;border-radius:45%;position:absolute;left:50%;transform:translate(-50%);transition:top .3s ease}.theme-toggle-indicator.light{background:#000;top:2px}.theme-toggle-indicator.dark{background:#fff;top:28px}.theme-toggle-button:after{display:none}@keyframes moonPhaseForward{0%{background-image:var(--moon-phase-four)}50%{background-image:var(--moon-phase-two)}to{background-image:var(--moon-phase-zero)}}@keyframes moonPhaseReverse{0%{background-image:var(--moon-phase-zero)}50%{background-image:var(--moon-phase-two)}to{background-image:var(--moon-phase-four)}}@media (max-width: 768px){.top-bar .theme-toggle-container{position:static;bottom:auto;left:auto}.top-bar .theme-toggle-button{width:38px;height:38px;border-radius:35%;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.top-bar .theme-toggle-indicator{display:none}.top-bar .theme-toggle-button:after{display:block;content:"";width:38px;height:38px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease}.top-bar .theme-toggle-button.light:after{background-image:var(--moon-phase-zero)}.top-bar .theme-toggle-button.dark:after{background-image:var(--moon-phase-four)}.top-bar .theme-toggle-button.animate-forward:after{animation:moonPhaseForward 1s steps(2) forwards}.top-bar .theme-toggle-button.animate-reverse:after{animation:moonPhaseReverse 1s steps(2) forwards}.theme-toggle-button.light,.theme-toggle-button.dark{border:1px solid transparent}}.info-panel{position:absolute;top:0;bottom:0;right:-100%;width:59vw;transition:right .6s ease;overflow-y:auto;z-index:40;font-family:Open Sans,sans-serif}.info-panel.open{right:0}.info-panel.light{background-color:#66cc995c}.info-panel.dark{background-color:#6c99}.info-panel-close{position:absolute;top:16px;left:16px;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.info-panel-close.light{color:#000}.info-panel-close.dark{color:#fff}.info-panel-content{padding:40px;max-width:90%;margin:0 auto}.info-section-title{margin-top:0;margin-bottom:24px;text-transform:uppercase;font-size:1.2em}.info-section-title.light{color:#000}.info-section-title.dark{color:#1a1a1a}.experience-item{display:flex;margin-bottom:32px}.experience-left{flex:0 0 30%;padding-right:20px}.experience-company{display:block;font-weight:600}.experience-company.light{color:#000}.experience-company.dark{color:#fff}.experience-period{display:block;opacity:.8;font-size:.875em;margin-top:4px}.experience-period.light,.experience-period.dark{color:#000}.experience-right{flex:1 1 70%}.experience-role{display:block;margin-bottom:8px;font-style:italic}.experience-role.light{color:#000}.experience-role.dark{color:#fff}.experience-description{margin:0;line-height:1.6}.experience-description.light,.experience-description.dark{color:#000}.skills-hobbies-container{display:flex;gap:40px;margin-top:40px}.skills-section{flex:0 0 60%}.hobbies-section{flex:0 0 40%}.skill-item{margin-bottom:12px}.skill-name{margin-bottom:4px}.skill-name.light{color:#000}.skill-name.dark{color:#fff}.skill-bar-bg{background:#fff;height:6px;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;background:#0000009c;transition:width .6s ease}.hobbies-text{line-height:1.6;text-align:justify}.hobbies-text.light{color:#000}.hobbies-text.dark{color:#0a0a0a}@media (max-width: 850px){.info-panel-content{padding:20px}.info-section-title{font-size:1em;margin-bottom:16px;margin-top:25px}}.social-links{position:absolute;bottom:60px;left:60px;display:flex;gap:20px;z-index:50}.social-icon{width:24px;height:24px;cursor:pointer;transition:all .3s ease}.social-icon.light{fill:#000}.social-icon.dark{fill:#fff}.social-icon:hover{fill:#6c9}@media (max-width: 768px){.top-bar .social-links{position:static;bottom:auto;left:auto;gap:15px}.top-bar .social-icon{width:22px;height:22px}}.projects-panel{position:absolute;top:0;bottom:0;right:-100%;width:59vw;transition:right .6s ease;overflow-y:auto;z-index:40;font-family:Open Sans,sans-serif}.projects-panel.open{right:0}.projects-panel.light{background-color:#66cc995c}.projects-panel.dark{background-color:#6c99}.projects-panel-close{position:absolute;top:16px;left:16px;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.projects-panel-close.light{color:#000}.projects-panel-close.dark{color:#fff}.projects-panel-content{padding:40px;max-width:90%;margin:0 auto}.projects-section-title{margin-top:0;margin-bottom:24px;text-transform:uppercase;font-size:1.2em}.projects-section-title.light{color:#000}.projects-section-title.dark{color:#1a1a1a}.project-item{margin-bottom:32px;cursor:pointer;background:#ffffff1a;padding:16px;border-radius:8px;transition:background .3s}.project-item:hover{background:#fff3}.project-teaser{cursor:pointer}.project-name.light{color:#000}.project-name.dark{color:#fff}.project-teaser-text.light{color:#000;opacity:.8}.project-teaser-text.dark{color:#fff;opacity:.8}.project-tech{margin-top:8px}.tech-badge{display:inline-block;padding:4px 8px;border-radius:4px;margin-right:8px;font-size:.875em}.tech-badge.light{background:#0000001a;color:#000}.tech-badge.dark{background:#ffffff1a;color:#fff}.project-details{margin-top:16px;animation:fadeIn .3s ease}.project-description.light{color:#000;cursor:default}.project-description.dark{color:#fff;cursor:default}.project-features{list-style-type:disc;padding-left:20px;margin:12px 0;cursor:default}.project-features.light{color:#000}.project-features.dark{color:#fff}.project-images{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;justify-content:center}.project-image{max-width:100%;border-radius:8px;flex:1 1 45%;cursor:default}.project-links{margin-top:16px}.link-button{display:inline-block;padding:8px 16px;background:#6c9;color:#fff;text-decoration:none;border-radius:4px;margin-right:12px;transition:background .3s;cursor:pointer}.link-button:hover{background:#5b8}.more-projects.light{color:#000}.more-projects.dark{color:#fff}.more-projects a{color:#1a1a1a;text-decoration:none}.more-projects a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.projects-panel{width:100%;right:auto;left:100%}.projects-panel.open{left:0;margin:23px 0;background-color:#6c9!important;border-radius:10px}.projects-panel-content{padding:40px 25px 100px;font-size:12px;max-width:100%!important}.projects-panel-close{font-size:2.5rem;height:0px;display:flex;align-items:center;justify-content:center;border-radius:50%}.project-item{flex-direction:column;background:#ffffff26;padding:18px;border-radius:12px;margin-bottom:10px!important}.project-images{flex-direction:column;gap:0px!important}.project-image{flex:none;margin-bottom:12px;cursor:default}}@media (min-width: 769px) and (max-width: 1024px){.projects-panel{width:65vw}}