:root{--color-bg: #04030c;--color-aurora-cyan: #0ea5e9;--color-aurora-violet: #a855f7;--color-aurora-pink: #f472b6;--color-surface: rgba(168, 85, 247, .07);--color-border: rgba(168, 85, 247, .22);--color-border-top: rgba(255, 255, 255, .15);--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-accent: var(--color-aurora-cyan)}html,body{margin:0;overflow:hidden;font-family:Space Grotesk,sans-serif;background-color:var(--color-bg)}.App{width:100vw;height:100vh}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.welcome-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlayIn .5s ease both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.welcome-card{width:min(500px,calc(100vw - 48px));background:var(--color-surface);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--color-border);border-top:1px solid var(--color-border-top);border-radius:24px;box-shadow:0 0 100px #a855f738,0 0 50px #0ea5e91f,0 32px 80px #000000a6;padding:36px;overflow:hidden;animation:cardIn .6s cubic-bezier(.16,1,.3,1) .15s both}@keyframes cardIn{0%{transform:scale(.94) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.welcome-card.exit{animation:cardOut .3s ease-in forwards}@keyframes cardOut{to{transform:scale(.96) translateY(8px);opacity:0}}.welcome-card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;border-radius:inherit;z-index:0}.welcome-content{position:relative;z-index:1}.welcome-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#f0abfc,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px;line-height:1.1}.welcome-subtitle{font-family:DM Mono,monospace;font-size:.72rem;font-weight:400;color:#0ea5e9bf;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.welcome-divider{height:1px;background:linear-gradient(90deg,rgba(14,165,233,.5),rgba(168,85,247,.5),transparent);margin-bottom:20px}.welcome-description{margin-bottom:28px}.welcome-description p{font-size:.84rem;color:var(--color-text-muted);line-height:1.7;margin:0 0 10px}.welcome-quote{font-style:italic;font-size:.82rem!important;color:var(--color-aurora-violet)!important;opacity:.95;border-left:2px solid var(--color-aurora-violet);padding-left:12px;margin-bottom:16px!important}.welcome-tech{font-family:DM Mono,monospace;font-size:.72rem!important;color:var(--color-aurora-cyan)!important;opacity:.85;letter-spacing:.04em;margin-top:4px!important;margin-bottom:0!important}.start-journey-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#0ea5e940,#a855f759);border:1px solid rgba(168,85,247,.5);border-radius:12px;color:var(--color-text);font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 28px #a855f740;transition:box-shadow .25s,background .25s;display:flex;align-items:center;justify-content:center;gap:10px}.start-journey-button:hover{background:linear-gradient(135deg,#0ea5e959,#a855f780);box-shadow:0 0 48px #a855f773}.start-journey-button:active{transform:scale(.98)}.btn-arrow{display:inline-block;transition:transform .2s cubic-bezier(.16,1,.3,1)}.welcome-card::-webkit-scrollbar{width:3px}.welcome-card::-webkit-scrollbar-track{background:transparent}.welcome-card::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:2px}@media(max-width:480px){.welcome-card{width:calc(100vw - 32px);padding:28px 24px;border-radius:20px;max-height:calc(100dvh - 48px);overflow-y:auto}.welcome-title{font-size:1.6rem}}.fed-backdrop{position:fixed;inset:0;z-index:9999;background:#02010abf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fed-fade-in .2s ease}@keyframes fed-fade-in{0%{opacity:0}to{opacity:1}}.fed-modal{width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;background:#0a081cf2;border:1px solid rgba(127,119,221,.25);border-radius:16px;overflow:hidden;box-shadow:0 0 60px #5dcaa50f,0 24px 64px #000000b3;animation:fed-slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes fed-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fed-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.fed-title-group{display:flex;flex-direction:column;gap:4px}.fed-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5dcaa5}.fed-title{margin:0;font-size:15px;font-weight:500;color:#ffffffe6;line-height:1.3}.fed-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#5dcaa5;font-size:11px;font-weight:500;cursor:pointer;padding:0;letter-spacing:.04em;transition:color .15s}.fed-back:hover{color:#9fe1cb}.fed-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;transition:background .15s,color .15s;font-size:13px}.fed-close:hover{background:#ffffff1a;color:#ffffffe6}.fed-hint{margin:0;padding:8px 24px;font-size:11px;color:#ffffff47;flex-shrink:0}.fed-explanation{flex-shrink:0;margin:0 16px;padding:14px 16px;background:#5dcaa50f;border:1px solid rgba(93,202,165,.2);border-radius:10px;animation:fed-fade-in .15s ease}.fed-explanation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fed-explanation-title{font-size:12px;font-weight:600;color:#5dcaa5;letter-spacing:.02em}.fed-explanation-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff59;cursor:pointer;font-size:11px;border-radius:4px;transition:color .15s;flex-shrink:0}.fed-explanation-close:hover{color:#ffffffb3}.fed-explanation-body{margin:0 0 10px;font-size:13px;line-height:1.65;color:#ffffffa6}.fed-diagram-btn{background:transparent;border:none;color:#7f77dd;font-size:12px;font-weight:500;cursor:pointer;padding:0;transition:color .15s;letter-spacing:.02em}.fed-diagram-btn:hover{color:#afa9ec}.fed-scroll{overflow-y:auto;overflow-x:hidden;padding:12px 24px 24px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(127,119,221,.3) transparent}.fed-scroll::-webkit-scrollbar{width:4px}.fed-scroll::-webkit-scrollbar-thumb{background:#7f77dd4d;border-radius:2px}.fed-svg{display:block;width:100%}.fed-th{font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;fill:#ffffffe0}.fed-ts{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:400;fill:#ffffff73}.fed-phase{fill:#ffffff4d!important}.fed-step{fill:#7f77dd99!important;font-size:10px!important}.fed-layer-purple>rect{fill:#7f77dd12;stroke:#7f77dd47}.fed-layer-purple .fed-th{fill:#cecbf6e6}.fed-layer-teal>rect{fill:#5dcaa50d;stroke:#5dcaa538}.fed-layer-teal .fed-th{fill:#9fe1cbe6}.fed-layer-blue>rect{fill:#378add0d;stroke:#378add38}.fed-layer-blue .fed-th{fill:#b5d4f4e6}.fed-layer-gray>rect{fill:#8887800d;stroke:#8887802e}.fed-layer-gray .fed-th{fill:#d3d1c7e6}.fed-box-teal>rect{fill:#5dcaa514;stroke:#5dcaa559}.fed-box-teal .fed-th{fill:#9fe1cbf2}.fed-box-blue>rect{fill:#378add14;stroke:#378add59}.fed-box-blue .fed-th{fill:#b5d4f4f2}.fed-box-amber>rect{fill:#ba751714;stroke:#ef9f2752}.fed-box-amber .fed-th{fill:#fac775f2}.fed-box-gray>rect{fill:#88878014;stroke:#88878052}.fed-box-gray .fed-th{fill:#d3d1c7f2}.fed-box-coral>rect{fill:#d85a3014;stroke:#d85a3052}.fed-box-coral .fed-th{fill:#f5c4b3f2}.fed-clickable{cursor:pointer}.fed-clickable>rect{transition:fill .15s,stroke .15s}.fed-layer-purple.fed-active>rect,.fed-layer-purple.fed-clickable:hover>rect{fill:#7f77dd29;stroke:#7f77dd8c}.fed-box-teal.fed-active>rect,.fed-box-teal.fed-clickable:hover>rect{fill:#5dcaa52e;stroke:#5dcaa5a6}.fed-box-blue.fed-active>rect,.fed-box-blue.fed-clickable:hover>rect{fill:#378add2e;stroke:#378adda6}.fed-box-amber.fed-active>rect,.fed-box-amber.fed-clickable:hover>rect{fill:#ba75172e;stroke:#ef9f27a6}.fed-box-gray.fed-active>rect,.fed-box-gray.fed-clickable:hover>rect{fill:#8887802e;stroke:#888780a6}@media(max-width:480px){.fed-modal{max-height:95vh;border-radius:12px}.fed-header{padding:16px 16px 12px}.fed-scroll{padding:8px 12px 16px}.fed-title{font-size:13px}.fed-explanation{margin:0 12px}}.experience-card{position:fixed;right:0;top:0;height:100vh;width:380px;z-index:10;background:#a855f70f;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-left:1px solid rgba(168,85,247,.28);border-top:1px solid var(--color-border-top);border-radius:20px 0 0 20px;box-shadow:-16px 0 80px #a855f726,-4px 0 24px #0ea5e914;overflow-y:auto;overflow-x:hidden;padding:32px 24px;animation:slideInRight .5s cubic-bezier(.16,1,.3,1) both}.experience-card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.location-header{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) .1s both}.lavoro-section{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) .18s both}.technologies{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) .26s both}.responsibilities{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) .32s both}.card-actions{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) .38s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.location-header,.section,.lavoro-section,.technologies,.card-actions,.close-button{position:relative;z-index:1}.location-header{display:flex;align-items:center;gap:12px;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid;border-image:linear-gradient(90deg,rgba(14,165,233,.4),rgba(168,85,247,.4),transparent) 1}.country-flag{width:28px;height:20px;object-fit:cover;border-radius:3px;flex-shrink:0}.location-name{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:.02em}.work-meta{margin-bottom:16px}.job-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#fff,#f0abfc,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0 4px;line-height:1.3}.company{font-family:DM Mono,monospace;font-size:.7rem;color:#0ea5e9cc;margin:0 0 2px;letter-spacing:.05em}.period{font-size:.73rem;color:var(--color-text-muted);margin:0 0 16px}.work-description{font-size:.78rem;color:var(--color-text-muted);line-height:1.7;margin:0 0 20px}.responsibilities h5{font-family:DM Mono,monospace;font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);opacity:.6;margin:0 0 10px}.responsibilities ul{list-style:none;padding:0;margin:0 0 20px}.responsibilities li{font-size:.77rem;color:var(--color-text-muted);line-height:1.65;padding-left:16px;position:relative;margin-bottom:6px}.responsibilities li:before{content:"·";position:absolute;left:0;color:var(--color-aurora-violet);opacity:.8;font-size:1.2em;line-height:1.4}.technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-badge{font-family:DM Mono,monospace;font-size:.65rem;color:var(--color-text-muted);padding:4px 12px;border-radius:20px;border:1px solid rgba(168,85,247,.35);background:transparent;transition:background .2s,border-color .2s;white-space:nowrap}.tech-badge:hover{background:#a855f71a;border-color:#a855f78c}.work-video{margin-bottom:20px;border-radius:10px;overflow:hidden;border:1px solid var(--color-border)}.work-video-player{width:100%;display:block;border-radius:10px}.close-button{position:absolute;top:20px;right:20px;width:28px;height:28px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;z-index:20}.close-button:hover{background:#a855f733;color:var(--color-text)}.card-actions{padding-top:8px;padding-bottom:8px}.continue-button{width:100%;padding:11px 16px;background:linear-gradient(135deg,#0ea5e940,#a855f759);border:1px solid rgba(168,85,247,.5);border-radius:10px;color:var(--color-text);font-family:DM Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 24px #a855f733;transition:box-shadow .25s,background .25s}.continue-button:hover{background:linear-gradient(135deg,#0ea5e959,#a855f780);box-shadow:0 0 40px #a855f759}.continue-button:active{transform:scale(.98)}.experience-card::-webkit-scrollbar{width:3px}.experience-card::-webkit-scrollbar-track{background:transparent}.experience-card::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:2px}.experience-card::-webkit-scrollbar-thumb:hover{background:#a855f780}@media(max-width:1024px)and (min-width:481px){.experience-card{width:320px}}.mobile-nav{display:none}@media(max-width:480px){.experience-card{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;border-radius:0;border-left:none;border-top:none;box-shadow:none;background:#04030cfa;padding-top:env(safe-area-inset-top,0px);padding-right:16px;padding-left:16px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));animation:slideUpMobile .5s cubic-bezier(.16,1,.3,1) both}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-button,.location-header{display:none}.mobile-nav{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0 12px;position:sticky;top:0;background:#04030cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2;border-bottom:1px solid rgba(168,85,247,.18);margin-bottom:12px}.mobile-nav-info{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px}.mobile-nav-location{font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;background:linear-gradient(90deg,var(--color-aurora-cyan),var(--color-aurora-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-nav-counter{font-family:DM Mono,monospace;font-size:.6rem;color:var(--color-text-muted);opacity:.6}.mobile-nav-btn{width:34px;height:34px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(168,85,247,.25);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.68rem;flex-shrink:0;transition:background .2s,color .2s}.mobile-nav-btn:hover,.mobile-nav-btn:active{background:#a855f72e;color:var(--color-text)}.job-title{font-size:1rem}.work-description{font-size:.8rem}.responsibilities li{font-size:.78rem}}.diagram-button{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;background:#5dcaa514;border:1px solid rgba(93,202,165,.35);border-radius:8px;color:#5dcaa5;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.diagram-button:hover{background:#5dcaa529;border-color:#5dcaa599;color:#9fe1cb}.flight-controls{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#a855f714;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(168,85,247,.22);border-top:1px solid var(--color-border-top);border-radius:60px;box-shadow:0 0 40px #a855f72e,0 8px 40px #00000080;white-space:nowrap}.progress-indicator{display:flex;align-items:center;gap:8px}.current-location{font-family:Syne,sans-serif;font-size:.78rem;font-weight:600;background:linear-gradient(90deg,var(--color-aurora-cyan),var(--color-aurora-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.03em}.position-counter{font-family:DM Mono,monospace;font-size:.65rem;color:var(--color-text-muted);opacity:.6}.control-buttons{display:flex;align-items:center;gap:6px}.control-buttons button{width:32px;height:32px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(168,85,247,.2);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:background .2s,color .2s,box-shadow .2s,transform .15s}.control-buttons button:hover:not(:disabled){background:#a855f726;color:var(--color-text);box-shadow:0 0 12px #a855f740;transform:scale(1.08)}.control-buttons button:disabled{opacity:.25;cursor:default}.control-buttons .play-pause{width:44px;height:44px;background:linear-gradient(135deg,#0ea5e933,#a855f74d);border-color:#a855f766;color:var(--color-text);box-shadow:0 0 16px #a855f733}.control-buttons .play-pause:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e959,#a855f780);box-shadow:0 0 28px #a855f766;transform:scale(1.08)}.location-dots{display:flex;align-items:center;gap:6px}.location-dots .dot{width:6px;height:6px;border-radius:50%;background:#f1f5f933;border:none;padding:0;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.location-dots .dot:hover:not(:disabled){background:#a855f780;transform:scale(1.3)}.location-dots .dot.active{background:var(--color-aurora-cyan);transform:scale(1.4);box-shadow:0 0 10px #0ea5e9cc,0 0 4px #0ea5e9}.location-dots .dot:disabled{opacity:.25;cursor:default}@media(max-width:480px){.flight-controls{display:none}}.loading-screen{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 10%,rgba(14,165,233,.35) 0%,transparent 50%),radial-gradient(ellipse at 80% 15%,rgba(168,85,247,.45) 0%,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(244,114,182,.25) 0%,transparent 40%),var(--color-bg)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-star{font-size:1.5rem;background:linear-gradient(135deg,var(--color-aurora-cyan),var(--color-aurora-violet),var(--color-aurora-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rotateStar 8s linear infinite;display:block;line-height:1}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-family:Syne,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;background:linear-gradient(135deg,#fff,#f0abfc 45%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;line-height:1;text-align:center}.loading-progress{width:clamp(160px,30vw,240px);height:1px;background:#a855f733;border-radius:1px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-aurora-cyan),var(--color-aurora-violet));animation:progressSweep 2s ease-in-out infinite}@keyframes progressSweep{0%{transform:scaleX(0);transform-origin:left}49%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.loading-text{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.3em;color:var(--color-text-muted);opacity:.5;margin:0}@media(prefers-reduced-motion:reduce){.loading-star{animation:none}.loading-progress-bar{animation:none;transform:scaleX(.6);transform-origin:left}}.aurora-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.aurora-cyan{width:300px;height:300px;background:var(--color-aurora-cyan);top:-80px;left:-60px;animation:auroraMoveA 20s ease-in-out infinite alternate}.aurora-violet{width:400px;height:400px;background:var(--color-aurora-violet);top:-100px;right:-80px;animation:auroraMoveB 25s ease-in-out infinite alternate}.aurora-pink{width:200px;height:200px;background:var(--color-aurora-pink);bottom:-40px;left:30%;animation:auroraPulse 15s ease-in-out infinite}@keyframes auroraMoveA{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}to{transform:translate(20px,80px) scale(.95)}}@keyframes auroraMoveB{0%{transform:translate(0) scale(1)}50%{transform:translate(-50px,50px) scale(1.05)}to{transform:translate(-20px,100px) scale(.9)}}@keyframes auroraPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.aurora-sphere{animation:none!important}}@media(max-width:480px){.aurora-cyan{width:180px;height:180px}.aurora-violet{width:240px;height:240px}.aurora-pink{width:120px;height:120px}}.left-panel{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:10;width:172px;background:var(--color-surface);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--color-border);border-top:1px solid var(--color-border-top);border-radius:16px;padding:16px;box-shadow:0 0 60px #a855f71f,0 0 30px #0ea5e914,0 16px 48px #0000008c;animation:panelIn .5s cubic-bezier(.16,1,.3,1) both;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:none}.left-panel::-webkit-scrollbar{display:none}@keyframes panelIn{0%{transform:translateY(-50%) translate(-20px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.left-panel-heading{font-family:DM Mono,monospace;font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#0ea5e9b3;margin:0 0 10px}.left-panel-divider{height:1px;background:linear-gradient(90deg,rgba(14,165,233,.35),rgba(168,85,247,.35),transparent);margin-bottom:10px}.left-panel-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:2px}.left-panel-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s}.left-panel-item:hover{background:#0ea5e91a}.left-panel-item.active{background:#a855f726}.left-panel-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#ffffff40;border:1px solid rgba(255,255,255,.3);transition:background .18s,border-color .18s}.left-panel-item.active .left-panel-dot{background:#ff9b29;border-color:#ff9b29;box-shadow:0 0 6px #ff9b29b3}.left-panel-label{font-family:DM Mono,monospace;font-size:.68rem;color:var(--color-text-muted);line-height:1.2;transition:color .18s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-panel-item.active .left-panel-label{color:var(--color-text)}.left-panel-socials{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:2px}.left-panel-socials a{color:var(--color-text-muted);font-size:1rem;transition:color .18s,transform .18s;display:flex;align-items:center}.left-panel-socials a:hover{color:var(--color-aurora-cyan);transform:translateY(-2px)}@media(max-width:900px){.left-panel{display:none}}.App{width:100%;height:100vh;margin:0;padding:0;background:#000}