:root{--color-bg-main: #0e0e0e;--color-bg-section: #131313;--color-bg-elevated: #1a1a1a;--color-text-primary: #ededed;--color-text-secondary: #a0a0a0;--color-text-muted: #6f6f6f;--color-accent: #affc41;--color-accent-soft: rgba(175, 252, 65, .2);--color-border-subtle: #2a2a2a;--color-border-strong: #3a3a3a;--color-focus: #affc41;--color-danger: #ff4d4d}html,body,#root{margin:0;width:100%;height:100%;background-color:var(--color-bg-main);color:var(--color-text-primary);font-family:Zen Dots}canvas{position:absolute;top:0;left:0;width:100vw;height:500vh;z-index:100}.socials-container{display:flex;justify-content:center;gap:10px;position:fixed;bottom:20px;right:20px;z-index:1000}.social-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:10px;background:transparent;border:1px solid transparent;cursor:pointer;color:#fff;transition:transform .45s cubic-bezier(.25,1,.5,1),box-shadow .45s cubic-bezier(.25,1,.5,1)}.social-button img{width:40px}.social-button:hover{transform:translateY(-18px);box-shadow:0 10px 20px #0000004d}.section-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:24px;font-family:Zalando Sans SemiExpanded,monospace;padding-bottom:20px}.section-container-first{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:24px;margin-top:100vh;padding-top:20px;font-family:Zalando Sans SemiExpanded,monospace}.arrow-container{position:absolute;bottom:50px;left:50%;transform:translate(-50%) scale(1);z-index:10;display:flex;flex-direction:column;align-items:center;font-size:12px;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}.arrow-container:hover{transform:translate(-50%) scale(1.15)}.arrow-container img{width:40px;cursor:pointer;opacity:.5}.arrow-text{margin:-10px}.header{font-size:28px;width:90%;padding:20px}.education-container{display:flex;width:90%;margin-bottom:20px;border-radius:10px}.education-left{width:75%;background-color:var(--color-bg-elevated);padding:20px;border-radius:10px}.project-container{display:flex;flex-direction:column;gap:20px;width:90%;background-color:var(--color-bg-elevated);border-radius:10px}.project-container:hover{background-color:var(--color-bg-section);cursor:pointer}.project-top-container{display:flex;gap:10px;padding:20px 0 0 20px}.project-header{font-size:22px}.project-button{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:10px;font-family:Zalando Sans SemiExpanded,monospace;font-size:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.project-button:hover{background-color:var(--color-bg-section);border-color:var(--color-border-strong);color:var(--color-text-primary)}.offline{cursor:default}.project-tech-container{font-size:14px;color:var(--color-text-secondary);padding:0 0 20px 20px}.project-degree{font-size:14px;color:var(--color-text-secondary);margin-top:20px}.education-right{width:25%;position:relative}.canvas-container{width:100%;height:100%;position:relative}.canvas-container canvas{width:100%!important;height:100%!important;display:block}.engineering-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary);font-family:Zen Dots;font-size:18px;z-index:0;text-align:center}@media(max-width:800px){.education-right{width:90%}}