:root{--bg-color:#0a0a0a;--text-color:#fff;--text-muted:#ffffff80;--nav-bg:#ffffff26;--nav-border:#ffffff14;--nav-text:#fff;--nav-text-muted:#ffffffb3;--nav-hover:#ffffff1a;--nav-btn-bg:#fff;--nav-btn-text:#000;--nav-btn-hover:#f0f0f0}html,body,#root{background:var(--bg-color);width:100%;color:var(--text-color);margin:0;padding:0}canvas{touch-action:auto!important;pointer-events:none!important}.canvas-container,.canvas-container :not(.skills-dock-container):not(.skills-dock-container *){pointer-events:none!important;touch-action:auto!important}.mobile-contact-icon,.mobile-menu-btn,.mobile-menu-overlay{display:none}.framer-nav-container{z-index:100;pointer-events:none;justify-content:center;width:100%;display:flex;position:fixed;top:24px;left:0}.framer-nav{pointer-events:auto;background:var(--nav-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--nav-border);border-radius:999px;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 24px;padding:8px 8px 8px 24px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000001a}.framer-logo{letter-spacing:-.02em;color:var(--nav-text);cursor:pointer;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.framer-logo svg{fill:var(--nav-text);transition:fill .3s}.framer-links{align-items:center;gap:4px;display:flex}.framer-link{color:var(--nav-text-muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.framer-link:hover{background:var(--nav-hover);color:var(--nav-text)}.framer-actions{align-items:center;gap:8px;display:flex}.framer-login{color:var(--nav-text-muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.framer-login:hover{background:var(--nav-hover);color:var(--nav-text)}.framer-signup{background:var(--nav-btn-bg);color:var(--nav-btn-text);cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .2s,background-color .2s,color .3s}.framer-signup:hover{background:var(--nav-btn-hover);transform:scale(1.02)}.contact-btn button{transition:transform .5s cubic-bezier(.175,.885,.32,1.275)!important}.contact-btn button:hover{transform:scale(1.08)!important}.skills-dock-container{cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.skills-dock-container.expanded{width:400px;height:auto}.skills-dock-circle{-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s,transform .3s;display:flex;position:absolute}.skills-dock-circle.hidden{opacity:0;transform:scale(.5)}.skills-dock-circle .inner-circle{background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #fffc}.pulse-ring{border:2px solid #ffffff80;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.2,1) infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.skills-dock-panel{transform-origin:bottom;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(40px)saturate(180%);background:#141414a6;border:1px solid #ffffff40;border-radius:28px;width:max-content;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:50%;left:50%;transform:translate(-50%,50px)scale(.8);box-shadow:0 20px 40px #0006,inset 0 1px #fff3}.skills-dock-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%,35px)scale(1)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.skill-item{cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:125px;padding:12px;transition:background .2s,transform .2s;display:flex}.skill-item:hover{background:#ffffff1a;transform:translateY(-4px)}.skill-icon{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);width:56px;height:56px;margin-bottom:12px;transition:transform .2s}.skill-item:hover .skill-icon{transform:scale(1.1)}.skill-info{text-align:center;flex-direction:column;display:flex}.skill-name{color:#fff;white-space:nowrap;font-size:.85rem;font-weight:600;line-height:1.2}.skill-subtitle{color:#fff9;white-space:nowrap;margin-top:2px;font-size:.7rem;font-weight:400}@media (width<=768px){.framer-links{display:none!important}.framer-nav{margin:0 12px;padding:8px 12px}.framer-login{display:none!important}.framer-signup{padding:8px 16px;font-size:.85rem}.desktop-contact{display:none!important}.mobile-contact-icon,.mobile-menu-btn{color:var(--nav-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex!important}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;opacity:0;pointer-events:none;background:#0a0a0af2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0;display:flex!important}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-links{flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-menu-links a{color:var(--text-color);cursor:pointer;opacity:0;font-size:2rem;font-weight:700;text-decoration:none;transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.mobile-menu-overlay.open .mobile-menu-links a{opacity:1;transform:translateY(0)}.mobile-menu-overlay.open .mobile-menu-links a:first-child{transition-delay:50ms}.mobile-menu-overlay.open .mobile-menu-links a:nth-child(2){transition-delay:.11s}.mobile-menu-overlay.open .mobile-menu-links a:nth-child(3){transition-delay:.17s}.mobile-menu-overlay.open .mobile-menu-links a:nth-child(4){transition-delay:.23s}.screen-1 h1{font-size:16vw!important}.screen-1 p{padding:0 5vw;white-space:normal!important;font-size:4.5vw!important}.screen-3{padding-left:5vw!important;padding-right:5vw!important}.screen-3>div{width:100%!important}.screen-3 h2,.screen-career h2{font-size:8vw!important}.screen-3 p{font-size:4vw!important}.stats-grid{flex-wrap:wrap!important;gap:1.5rem!important}.stats-grid>div{width:40%!important}.stats-grid .stat-num{font-size:8vw!important}.stats-grid .stat-label{font-size:3vw!important}.screen-career{padding-left:5vw!important;padding-right:5vw!important}.screen-career>div{width:100%!important}.career-item{gap:.5rem;flex-direction:column!important}.career-item>div:last-child{text-align:left!important}.carousel-card{width:80vw!important}.carousel-title{font-size:5vw!important}.carousel-subtitle{font-size:3.5vw!important}.carousel-text-container{justify-content:center!important;padding-top:4vh!important;padding-left:5vw!important;padding-right:5vw!important}.carousel-text-container>div{text-align:center!important;width:100%!important}.carousel-track-container{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;width:100vw!important;margin-top:4vh!important;padding-left:5vw!important;padding-right:5vw!important;position:relative!important;bottom:auto!important;overflow-x:auto!important}.carousel-track-container>div{scroll-snap-align:center}.screen-2{padding-bottom:5vh;height:auto!important}.carousel-gradient{display:none!important}.preloader-number{font-size:12vw!important}.preloader-bar{width:60vw!important}.skills-dock-mobile-anchor{z-index:60;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:16vh;left:0;right:0}.skills-dock-mobile-anchor .skills-dock-container{pointer-events:auto}.skills-dock-container,.skills-dock-container.expanded{width:48px!important;height:48px!important}.skills-dock-panel{box-sizing:border-box;width:86vw!important;padding:16px!important;bottom:calc(100% + 16px)!important;left:50%!important;transform:translate(-50%,16px)scale(.92)!important}.skills-dock-panel.visible{transform:translate(-50%)scale(1)!important}.skills-grid{gap:10px!important}.skill-item{width:auto!important;padding:8px!important}.skill-icon{width:44px!important;height:44px!important;margin-bottom:8px!important}.skill-name{white-space:normal!important;font-size:.75rem!important}.skill-subtitle{font-size:.6rem!important}.photo-reveal{width:85vw!important;height:55vh!important}.signature-mask{width:50vw!important;height:20vw!important}.contact-btn button{padding:1rem 3rem!important;font-size:5vw!important}}