:root{--font-stack: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: Consolas, "Courier New", monospace;--fg: #ffffff;--bg: #000000;--accent: #06b6d4;--accent-strong: #22d3ee;--accent-soft: rgba(6, 182, 212, .16);--surface: rgba(255, 255, 255, .98);--surface-strong: #ffffff;--surface-muted: hsla(0, 0%, 100%, .5);--surface-dark: rgba(24, 28, 36, .98);--ink: #0b1220;--ink-muted: rgba(15, 23, 42, .8);--success: #66ff99;--danger: #ff6a6a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-sm: 0 4px 12px rgba(16, 24, 40, .12);--shadow-md: 0 10px 30px rgba(2, 6, 23, .16);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .5);color-scheme:light dark;font-family:var(--font-stack);line-height:1.5}html,body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--fg)}@media (prefers-color-scheme: light){:root{--fg: #000000;--bg: #ffffff}}.app-root{width:100vw;height:100vh;background:var(--bg);color:var(--fg);overflow-x:hidden;overflow-y:auto}.home-mobile-greeting{text-align:center;font-family:var(--font-mono);background:var(--surface-muted);color:var(--ink);margin:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm)}.app-content{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}@media (max-width: 900px){.app-root{padding-left:0!important;padding-right:0!important}}@media (max-width: 600px){.app-root{height:100%;min-height:100vh}.app-content{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:.5rem!important;min-height:auto;margin-top:70px}.typewriter-container,.animated-intro-container,.project-dots-container{width:100%!important;margin-bottom:2rem!important;padding:0 .5rem!important}}@media (max-width: 480px){.app-content{padding:.25rem!important}.typewriter-container,.animated-intro-container,.project-dots-container{padding:0 .25rem!important;margin-bottom:1.5rem!important}}.project-dots-root{position:absolute;inset:0;pointer-events:none}.dot-wrapper{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.dot-inner{width:100%;height:100%;display:inline-block;will-change:transform;transition:transform .12s linear}@media (max-width: 600px){.project-dots-root{position:static;width:100vw;height:100vw;min-width:0;min-height:0;inset:unset;pointer-events:none}.dot-wrapper{position:absolute;min-width:0;min-height:0}}.orbit-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.dot-btn{padding:0;border-radius:var(--radius-pill);border:none;overflow:hidden;background:linear-gradient(135deg,var(--surface-strong),#e6eefb);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.dot-img{width:100%;height:100%;object-fit:cover;display:block}.dot-img-contain{width:70%;height:70%;object-fit:contain;margin:15%}.dot-dialog{position:absolute;width:min(200px,45vw);max-width:200px;box-sizing:border-box;background:var(--surface);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);font-size:14px;color:var(--ink);z-index:9999;pointer-events:none;white-space:normal;word-break:break-word}.dot-dialog-right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.dot-dialog-left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.dot-dialog-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.dot-dialog.dot-dialog-align-top{top:0;transform:none}.dot-dialog-left.dot-dialog-align-top{right:calc(100% + 10px)}.dot-dialog-right.dot-dialog-align-top{left:calc(100% + 10px)}.dot-desc{margin-top:var(--space-1);font-size:12px;color:var(--ink-muted)}@media (max-width: 600px){.dot-dialog{width:min(140px,70vw);max-width:140px;font-size:12px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm)}}.animated-intro-root{position:absolute;left:0;top:0;pointer-events:none;z-index:60}.fly-group{width:260px;height:160px;display:block}.ovni{width:260px;height:150px;position:absolute;left:-60px;top:0;transform-origin:50% 50%}.turtle{width:150px;height:86px;position:absolute;left:20px;top:40px;transform-origin:50% 50%}.intro-dialog{position:absolute;background:#fffffffa;padding:12px 16px;border-radius:8px;box-shadow:0 12px 30px #0206171f;pointer-events:auto;display:inline-block;width:auto;max-width:860px;min-width:220px;transition:width .22s ease,transform .18s ease,opacity .18s ease;white-space:normal}.intro-dialog h3{margin:0;font-size:16px}.intro-dialog:after{content:"";position:absolute;width:0;height:0;left:-10px;bottom:-1px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid rgba(255,255,255,.98);filter:drop-shadow(0 4px 8px rgba(2,6,23,.06));transform:rotate(-45deg);transform-origin:center}@media (max-width: 600px){.animated-intro-root{position:static;width:100vw;left:0;top:0;min-width:0;z-index:60}.fly-group{width:90vw;height:80px;min-width:0}.ovni{width:90vw;height:60px;left:0;top:0}.turtle{width:60vw;height:40px;left:0;top:20px}.intro-dialog{max-width:98vw;min-width:0;font-size:15px;padding:8px 6px}}.typewriter-root{position:absolute;z-index:70;pointer-events:none;max-width:46vw}.typewriter-text{margin:0;padding:10px 14px;background:#fffffff5;border-radius:8px;box-shadow:0 12px 30px #0206171f;font-family:Consolas,Courier New,monospace;font-size:14px;color:#0b1220;white-space:pre-wrap;pointer-events:auto;display:inline-block}.typewriter-text:after{content:"|";display:inline-block;margin-left:6px;opacity:.9;animation:blink 1s steps(2,start) infinite}@keyframes blink{0%{opacity:.9}50%{opacity:0}to{opacity:.9}}@media (max-width: 600px){.typewriter-root{position:static;max-width:98vw;width:98vw;margin:0 auto;z-index:70;padding:0}.typewriter-text{font-size:13px;padding:7px 4px;border-radius:6px;box-shadow:0 6px 18px #0206172e;width:98vw;max-width:98vw}}.sidenav-root{position:fixed;left:6px;top:50%;transform:translateY(-50%);z-index:70;display:flex;align-items:center;padding-left:8px}.sidenav-stack{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding-left:6px}.sidenav-btn{width:56px;height:56px;min-width:56px;padding:0;border-radius:45px;color:#000;background:#ffffff80;align-items:center;justify-content:center;z-index:90}.sidenav-btn:hover,.sidenav-btn:focus{transform:scale(1.08);background:#fff;color:#000}.sidenav-tooltip{opacity:0;transform:translate(-8px);transition:opacity .14s ease,transform .14s ease;pointer-events:none;margin-left:8px;padding:6px 10px;border-radius:8px;background:#020617f2;color:#fff;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #02061747;z-index:100}.sidenav-btn:hover .sidenav-tooltip,.sidenav-btn:focus .sidenav-tooltip,.sidenav-item:hover .sidenav-tooltip,.sidenav-item:focus-within .sidenav-tooltip{opacity:1;transform:translate(0);pointer-events:auto}@media (max-width: 700px){.sidenav-root{left:0;top:auto;bottom:0;width:100vw;height:64px;transform:none;flex-direction:row;justify-content:center;align-items:center;padding:0;background:#020617f2;z-index:100;display:flex}.sidenav-stack{flex-direction:row;gap:10px;align-items:center;padding:0;width:100vw;justify-content:center}.sidenav-btn{width:48px;height:48px;min-width:48px;margin:0 2px;background:#fffc}.sidenav-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);margin-left:0;font-size:13px;padding:4px 8px;z-index:200}}@media (max-width: 900px){.sidenav-root{left:0;top:auto;bottom:0;width:100vw;height:64px;transform:none;flex-direction:row;justify-content:center;align-items:center;padding:0;background:#020617f2;z-index:100}.sidenav-stack{flex-direction:row;gap:10px;align-items:center;padding:0;width:100vw;justify-content:center}.sidenav-btn{width:48px;height:48px;min-width:48px;margin:0 2px;background:#fffc}.sidenav-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);margin-left:0;font-size:13px;padding:4px 8px;z-index:200}}.sidenav-btn svg,.sidenav-btn .MuiSvgIcon-root{fill:currentColor;color:inherit;width:22px;height:22px}.sidenav-btn:focus-visible{outline:3px solid rgba(6,182,212,.18);outline-offset:3px;box-shadow:0 0 0 4px #06b6d40f}.sidenav-tooltip{margin-left:100%;margin-top:-80%;font-weight:600;line-height:1;transform:translate(-50%);background:#fff0}.sidenav-item:hover .sidenav-tooltip,.sidenav-item:focus-within .sidenav-tooltip{pointer-events:auto}.page-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.page-shell-title{position:absolute;left:var(--space-6);top:var(--space-5);color:var(--fg);z-index:2;font-size:38px;letter-spacing:2px;font-family:var(--font-mono);margin:0}@media (max-width: 768px){.page-shell-title:not(.page-shell-title-always){display:none}}.cv-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cv-viewer iframe{width:90vw;height:90vh;border:none;box-shadow:var(--shadow-lg);background:#fff;border-radius:var(--radius-md)}.contact-popup-overlay{position:fixed;inset:0;background:#14161ea6;z-index:19999;pointer-events:auto}.contact-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ink);padding:var(--space-6) 38px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20000;font-size:22px;font-weight:700;text-align:center}.contact-popup-success{background:var(--success)}.contact-popup-error{background:var(--danger)}.contact-popup-close{margin-top:var(--space-3);background:#23283a;color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 24px;font-size:16px;font-weight:600;cursor:pointer}.contact-mobile-dots{width:100vw;display:flex;justify-content:center;align-items:center;gap:18px;margin-left:50px;z-index:10}.contact-form{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--surface-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6) 38px;min-width:260px;margin-top:40px;z-index:10000;display:flex;flex-direction:column;gap:18px}.contact-form-label{color:var(--fg);font-weight:500;display:flex;flex-direction:column;gap:4px}.contact-form-label input,.contact-form-label textarea{width:100%;padding:8px;border-radius:6px;border:1.5px solid #2e3344;font-size:16px;box-sizing:border-box;font-family:inherit}.contact-form-label textarea{resize:vertical}.contact-form-error{color:var(--danger);font-size:13px}.contact-submit{background:var(--success);color:var(--ink);font-weight:700;font-size:18px;border:none;border-radius:var(--radius-sm);padding:12px 0;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background .2s}.contact-submit:disabled{opacity:.7;cursor:not-allowed}.contact-social-bottom{position:fixed;left:0;bottom:24px;width:100vw;display:flex;justify-content:center;align-items:center;gap:32px;z-index:999;pointer-events:none}.contact-social-item{position:relative;width:48px;height:48px;opacity:.7;pointer-events:auto}.contact-social-item.is-mobile{margin-bottom:620px}.contact-social-item.is-desktop{margin-bottom:70px}.contact-social-btn{background:#ffffffd9;border:none;border-radius:var(--radius-pill);width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;cursor:pointer;transition:background .2s;outline:none}.contact-social-icon{width:28px;height:28px;object-fit:contain;opacity:.9}.contact-social-tooltip{position:absolute;bottom:54px;left:50%;transform:translate(-50%);background:var(--surface-strong);color:var(--ink);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001f;padding:6px 14px;font-weight:500;font-size:15px;opacity:.95;z-index:9999;white-space:nowrap}