#universe3d{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.webgl-ready #universe3d{opacity:1}.webgl-ready #space{opacity:.25}.webgl-ready .nebula-layer{opacity:.65;filter:saturate(1.18) contrast(1.08)}.webgl-ready .planet-giant,.webgl-ready .planet-moon,.webgl-ready .planet-orbit{opacity:.18}.section{background-color:rgba(3,6,14,.5);backdrop-filter:blur(1px)}.about{background:linear-gradient(135deg,rgba(4,9,20,.72),rgba(14,18,42,.58))}.services{background:radial-gradient(circle at 12% 65%,rgba(65,58,145,.18),transparent 35%),rgba(3,7,16,.53)}.projects{background:linear-gradient(180deg,rgba(3,6,16,.5),rgba(9,12,29,.66))}.stack{background:radial-gradient(circle at 75% 45%,rgba(73,57,160,.19),transparent 36%),rgba(3,7,16,.55)}.experience{background:linear-gradient(135deg,rgba(3,7,16,.66),rgba(12,18,37,.58))}.contact{background:radial-gradient(circle at center,rgba(85,223,255,.1),transparent 43%),rgba(3,6,14,.52)}.service-card,.project-panel,.tool-card,.time-card,.about-console{background-image:linear-gradient(145deg,rgba(15,30,52,.68),rgba(4,9,20,.76));backdrop-filter:blur(12px) saturate(1.25);box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 0 45px rgba(85,223,255,.025)}.service-card:before,.project-panel:before,.tool-card:before,.time-card:before{content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(85,223,255,.13) 42%,transparent 58%);transform:translateX(-110%);animation:holo-sweep 7s ease-in-out infinite}.service-card:nth-child(2):before,.project-panel:nth-child(2):before,.tool-card:nth-child(2):before{animation-delay:1.8s}.service-card:nth-child(3):before,.project-panel:nth-child(3):before,.tool-card:nth-child(3):before{animation-delay:3.4s}.service-card{animation:panel-drift 6s ease-in-out infinite}.service-card:nth-child(2){animation-delay:-2s}.service-card:nth-child(3){animation-delay:-4s}.project-panel{animation:project-drift 8s ease-in-out infinite}.project-panel:nth-child(2){animation-delay:-2.6s}.project-panel:nth-child(3){animation-delay:-5.2s}.project-media:after{content:'';position:absolute;inset:-35% 0 auto;height:42%;background:linear-gradient(transparent,rgba(85,223,255,.16),transparent);animation:media-scan 5s linear infinite;pointer-events:none}.tool-card{animation:tool-float 5s ease-in-out infinite}.tool-card:nth-child(2){animation-delay:-1.2s}.tool-card:nth-child(3){animation-delay:-2.4s}.tool-card:nth-child(4){animation-delay:-3.6s}.time-card{animation:timeline-float 7s ease-in-out infinite}.time-card:nth-child(2){animation-delay:-1.5s}.time-card:nth-child(3){animation-delay:-3s}.time-card:nth-child(4){animation-delay:-4.5s}.service-glyph{animation:glyph-rotate 9s ease-in-out infinite;box-shadow:0 0 25px rgba(85,223,255,.12),8px 9px 0 rgba(0,0,0,.18)}.service-card:nth-child(2) .service-glyph{animation-direction:reverse}.orbit-system{filter:drop-shadow(0 0 35px rgba(85,223,255,.17))}.project-dialog{background:rgba(3,8,18,.92);backdrop-filter:blur(22px);border-color:rgba(85,223,255,.4)}.project-dialog:before{content:'';position:absolute;inset:0;border:1px solid rgba(143,107,255,.15);pointer-events:none;animation:dialog-glow 3s ease-in-out infinite}.cta,.email-link,.view-project{position:relative;overflow:hidden}.cta:before,.email-link:before,.view-project:before{content:'';position:absolute;inset:-40% auto -40% -30%;width:22%;background:rgba(255,255,255,.45);transform:skewX(-20deg);animation:button-shine 4.5s ease-in-out infinite}.hud-status i,.logo i{animation:signal 1.8s ease-in-out infinite}.scene:after{content:'';position:absolute;right:2vw;top:50%;width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(85,223,255,.35));box-shadow:0 14px 0 rgba(85,223,255,.12),0 -14px 0 rgba(85,223,255,.12);opacity:.6;animation:scene-marker 4s ease-in-out infinite}.contact-portal{animation:portal-hover 7s ease-in-out infinite}@keyframes holo-sweep{0%,68%{transform:translateX(-110%)}86%,100%{transform:translateX(110%)}}@keyframes panel-drift{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes project-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes tool-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes timeline-float{0%,100%{translate:0 0}50%{translate:5px -5px}}@keyframes media-scan{to{transform:translateY(420%)}}@keyframes glyph-rotate{0%,100%{rotate:0deg;translate:0 0}50%{rotate:8deg;translate:0 -5px}}@keyframes dialog-glow{50%{box-shadow:inset 0 0 60px rgba(85,223,255,.06)}}@keyframes button-shine{0%,65%{translate:-150% 0}85%,100%{translate:700% 0}}@keyframes signal{50%{opacity:.35;box-shadow:0 0 4px currentColor}}@keyframes scene-marker{50%{transform:translateX(-25px);opacity:.25}}@keyframes portal-hover{50%{translate:0 -12px}}@media(max-width:760px){.service-card,.project-panel,.tool-card,.time-card,.contact-portal{animation:none}.section{background-color:rgba(3,6,14,.66)}.webgl-ready .nebula-layer{opacity:.72}.scene:after{display:none}}@media(prefers-reduced-motion:reduce){#universe3d{opacity:.55}.service-card,.project-panel,.tool-card,.time-card,.contact-portal,.service-card:before,.project-panel:before,.tool-card:before,.time-card:before,.project-media:after,.service-glyph,.cta:before,.email-link:before,.view-project:before{animation:none!important}}
