.toggle-button{background-color:var(--button-background-color);border:none;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toggle-button img{width:80px;height:80px}@media (max-width: 845px){.toggle-button-container{position:relative}.toggle-button{position:absolute;top:20px;right:20px;padding:6px}.toggle-button img{width:60px!important;height:60px!important}}@media (max-width: 480px){.toggle-button-container{position:relative}.toggle-button{position:absolute;top:40px;right:20px;padding:6px}.toggle-button img{width:50px;height:50px}}.container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--background-color)}.heroImage{position:absolute;right:0;max-width:20%;height:auto}.heroImage img{width:30%;height:auto;border-radius:10px;transform:scaleX(-1)}.toggle-button-container{position:absolute;top:10px;right:20px;display:flex;align-items:center;gap:10px}.indicator-image{width:200px;height:auto}.info{text-align:center;margin-top:20px}.description{margin-top:10px;font-size:1rem;line-height:1.5;text-align:center;max-width:600px;padding:20px;border-radius:10px;background-color:var(--background-color)}.description.hidden{opacity:0;visibility:hidden}.description.fade-in{animation:fadeInUp 4.5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.heroImage-indicator-container{display:flex;align-items:center;justify-content:center;gap:0px}.heroImage{position:static;max-width:50%;margin-bottom:0}.heroImage img{width:100%;height:auto}.toggle-button-container{position:static;margin-top:10px;justify-content:center}.indicator-image{width:120px}.info{margin-top:5px}.description{margin-top:5px;font-size:.9rem;padding:10px}}@media (max-width: 480px){.container{margin-top:10px;margin-bottom:0}.heroImage-indicator-container{display:flex;align-items:center;justify-content:center}.heroImage{max-width:14%}.indicator-image{position:absolute;width:150px;transform:translateY(-130px)}.description{font-size:.8rem;padding:10px;margin-bottom:0}}:root{--background-color: #fff;--text-color: #000}[data-theme=dark]{--background-color: #333;--text-color: #fff}body{background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;font-family:Space Grotesk,sans-serif}.skills-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;background-color:var(--background-color)}.skills-image{position:absolute;left:20px;max-width:20%;height:auto}.skills-image img{width:80%;height:auto;border-radius:10px}.skills-header{display:flex;justify-content:center;align-items:center;width:100%}.skills-header h2{font-size:2rem;margin-bottom:20px;text-align:center}.skills-content{display:flex;justify-content:center;align-items:center;width:100%;padding:0;margin:0}.skills-list{list-style-type:none;padding:0;margin:0}.skills-list li{font-size:1.2rem;margin:20px 0}@media (max-width: 768px){.skills-container{height:auto;padding:20px}.skills-image{position:static;max-width:50%;margin-bottom:20px}.skills-image img{width:100%;height:auto}.skills-header h2{font-size:1.5rem}.skills-list li{font-size:1rem;margin:10px 0}}@media (max-width: 480px){.skills-container{height:auto;padding:10px;margin-top:0;margin-bottom:100px}.skills-image{position:static;max-width:70%}.skills-image img{width:40%;height:auto;transform:translateY(150px) translate(-50px)}.skills-header h2{font-size:1.2rem}.skills-list li{font-size:.9rem;margin:5px 0}}.motivation-container{padding:20px;border-radius:10px;max-width:680px;margin:20px auto;text-align:center}.motivation-image{margin-top:50px;max-width:80%;height:auto;border-radius:10px;margin-left:auto;display:block}.motivation-text{margin-top:70px}@media (max-width: 768px){.motivation-container{padding:15px;max-width:90%;margin:15px auto}.motivation-image{margin-top:30px;max-width:100%}.motivation-text{margin-top:50px}}@media (max-width: 480px){.motivation-container{padding:10px;max-width:100%;margin:10px auto 100px}.motivation-image{margin-top:20px;max-width:80%;margin-bottom:80px;transform:translate(-20px)}.motivation-text{margin-top:30px;font-size:.8rem;padding:10px}}.footer{display:flex;justify-content:center;align-items:center;padding:10px 0;font-size:.8rem}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.socials-content{display:flex;justify-content:center;align-items:center;margin-top:20px}.socials{position:relative}.socials-image{position:absolute;right:50px;bottom:0}.socials-image img{width:10vw;height:auto;max-width:200px;margin:0 10px;transform:scaleX(-1)}.github-icon,.linkedin-icon{width:27px;height:auto;transition:filter .3s}.github-icon:hover{filter:invert(50%) sepia(100%) saturate(500%) hue-rotate(200deg)}.linkedin-icon:hover{filter:invert(50%) sepia(100%) saturate(500%) hue-rotate(150deg)}@media (max-width: 768px){.socials-image{right:5px;bottom:10px}.socials-image img{width:30vw;max-width:90px}.github-icon,.linkedin-icon{width:30px}}@media (max-width: 480px){.socials-image{right:5px;bottom:10px}.socials-image img{width:40vw;max-width:90px}.github-icon,.linkedin-icon{width:30px}}.projects-section{padding:4rem 0;background-color:var(--bg-secondary)}.projects-section h2{text-align:center;margin-bottom:2rem}.project-container{display:flex;justify-content:center;max-width:800px;margin:0 auto}.project-card{padding:2rem;border-radius:8px;background-color:var(--bg-primary);text-align:center;width:100%}.project-link{text-decoration:none;display:inline-block}.view-project-btn{background-color:var(--accent);color:var(--text-primary);border:none;padding:.75rem 1.5rem;margin-top:1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.view-project-btn:hover{background-color:var(--accent-hover);color:var(--text-primary)}[data-theme=dark] .view-project-btn{color:#fff}[data-theme=light] .view-project-btn{color:#000}@media (max-width: 768px){.projects-section{padding:3rem 1rem}.project-card{padding:1.5rem}}@media (max-width: 480px){.projects-section{padding:2rem .5rem}.project-card{padding:1rem}}.platonic-applet-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:3rem 1rem;background:transparent}.platonic-applet-container{position:relative;display:inline-block}.platonic-canvas{display:block;cursor:pointer;border-radius:8px;background:transparent;transition:transform .2s ease}.platonic-canvas:hover{transform:scale(1.02)}.platonic-canvas:active{transform:scale(.98)}.platonic-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-color, #333);pointer-events:none}.platonic-loading .spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid rgba(0,0,0,.1);border-left-color:#333;border-radius:50%;animation:platonic-spin 1s linear infinite}.platonic-canvas{cursor:pointer;pointer-events:auto}.platonic-loading p{margin:0;font-size:.9rem}@keyframes platonic-spin{to{transform:rotate(360deg)}}.platonic-applet-error{text-align:center;padding:2rem;color:#d32f2f;background-color:#ffebee;border-radius:8px;max-width:500px;margin:0 auto}.platonic-applet-error p{margin:0;font-size:.9rem}.platonic-rabbit-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.platonic-rabbit{position:absolute;width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;opacity:0;transform-origin:center;transition:opacity .2s ease,transform .22s ease;z-index:60;pointer-events:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));image-rendering:pixelated}.platonic-rabbit.visible{opacity:1;animation:rabbitPop .7s cubic-bezier(.2,.9,.3,1)}@keyframes rabbitPop{0%{transform:translate(-50%,-50%) scale(.9) translateY(6px)}40%{transform:translate(-50%,-50%) scale(1.08) translateY(-2px)}70%{transform:translate(-50%,-50%) scale(1.02) translateY(-6px)}to{transform:translate(-50%,-50%) scale(1) translateY(0)}}.platonic-rabbit:focus{outline:2px solid rgba(10,102,255,.9);outline-offset:3px}@media (max-width: 768px){.platonic-applet-wrapper{padding:2rem 1rem}.platonic-canvas{max-width:90vw;height:auto}}@media (max-width: 480px){.platonic-applet-wrapper{padding:1.5rem .5rem}}