.stars-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--star-opacity);transition:opacity .8s ease}.star{position:absolute;background:var(--star-color);border-radius:50%;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}30%{opacity:.6}50%{opacity:1;transform:scale(1.3)}70%{opacity:.4}}.hero{display:flex;position:relative;justify-content:center;align-items:center;height:100lvh;width:100vw;overflow:hidden}.background{position:absolute;top:0;left:0;height:100lvh;width:100vw;pointer-events:none;transition:opacity 1.2s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.walker{position:absolute;top:0;left:0;height:100lvh;width:100vw;animation:moveAcrossScreen 45s linear infinite;pointer-events:none;transition:filter 1.4s ease-in-out}.zombie{position:absolute;top:0;left:0;height:100lvh;width:100vw;animation:moveAcrossScreenZombie 85s linear infinite;pointer-events:none;transition:filter 1.4s ease-in-out}.zombieStop{position:absolute;top:0;left:0;height:100lvh;width:100vw;animation:moveAcrossScreenZombie 85s linear infinite;pointer-events:none}.puntito{position:absolute;top:61vh;left:0;width:3vw;height:10vh;animation:moveAcrossScreenZombie 85s linear infinite;cursor:pointer}.unClickable{pointer-events:none}.hand{position:absolute;height:100lvh;width:100vw;top:0;left:0;pointer-events:none}.smash{animation:smash 1s linear}.unSmash{animation:unSmash 2s linear}.car{position:absolute;top:0;left:0;height:100lvh;width:100vw;animation:moveAcrossScreenCar 20s linear infinite;pointer-events:none;transition:filter 1.4s ease-in-out}.moto{position:absolute;top:0;left:0;height:100lvh;width:100vw;animation:moveAcrossScreenMoto 15s linear infinite;pointer-events:none;transition:filter 1.4s ease-in-out}.runner{position:absolute;top:0;left:0;height:100lvh;width:100vw;animation:moveAcrossScreenRunner 35s linear infinite;pointer-events:none;transition:filter 1.4s ease-in-out}.hiddenLight{opacity:0;transition:opacity .7s ease}.hidden{opacity:0}#luz1,#luz2,#luz3,#luz4{transition:opacity .7s ease}.flash-overlay{position:absolute;top:0;left:0;width:100vw;height:100lvh;background:#fff;pointer-events:none;z-index:1000;opacity:0}.flash-overlay.active{animation:lightningFlash .3s ease-out}@keyframes lightningFlash{0%{opacity:.85}to{opacity:0}}@keyframes moveAcrossScreen{0%{transform:translate(-100px)}to{transform:translate(120vw)}}@keyframes moveAcrossScreenZombie{0%{transform:translate(-50vw)}to{transform:translate(120vw)}}@keyframes smash{0%{transform:translateY(-50vh)}to{transform:translateY(0)}}@keyframes unSmash{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes moveAcrossScreenRunner{0%{transform:translate(-500px)}to{transform:translate(200vw)}}@keyframes moveAcrossScreenCar{0%{transform:translate(-100vw)}to{transform:translate(300vw)}}@keyframes moveAcrossScreenMoto{0%{transform:translate(100vw)}to{transform:translate(-200vw)}}@media (max-width: 900px){.hero,.background{object-fit:cover}.walker,.zombie,.zombieStop,.runner,.car,.moto,.hand{width:175vw}.puntito{left:2vw}}.light .walker,.light .runner,.light .moto,.light .car{filter:invert(1) brightness(.4) sepia(1) hue-rotate(190deg) saturate(1.2) brightness(1.1)}.light #luz1,.light #luz2,.light #luz3,.light #luz4,.light #luzfija{opacity:0;transition:opacity .8s ease}.navbar{display:flex;position:fixed;z-index:99;top:0;align-items:center;width:100%;font-family:Major Mono Display,monospace;transition:backdrop-filter 1s ease-in-out}.backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home{display:flex;align-items:center;margin-left:3rem;width:30vw;white-space:nowrap}.nav-links{display:flex;padding-left:4rem;padding-right:3rem;justify-content:center;gap:4rem;align-items:center;flex:1;list-style:none}a{text-decoration:none;color:var(--text-heading);transition:color 1.4s ease-in-out}.theme-toggle{display:flex;align-items:center;padding:0;border:none;background:none;color:var(--text-heading);font-family:inherit;font-size:1rem;cursor:pointer;line-height:1;transition:color 1.4s ease-in-out}.theme-toggle:hover{color:var(--text-primary)}@media (max-width: 900px){.home{display:none}.nav-links{margin-left:-3rem;justify-content:space-around;gap:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;scroll-behavior:smooth;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-gradient: linear-gradient( 180deg, #0f0f23 0%, #1a1a2e 20%, #242424 50%, #1a1625 100% );--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .8);--text-heading: #ffffff;--text-muted: rgba(255, 255, 255, .6);--btn-bg: rgba(255, 255, 255, .05);--btn-bg-hover: rgba(255, 255, 255, .15);--btn-border: rgba(255, 255, 255, .2);--social-bg: rgba(255, 255, 255, .06);--social-bg-hover: rgba(255, 255, 255, .16);--social-glow: rgba(255, 255, 255, .1);--social-glow-hover: rgba(255, 255, 255, .2);--card-bg: rgba(20, 22, 40, .85);--card-bg-hover: rgba(30, 32, 55, .9);--card-border: rgba(255, 255, 255, .06);--card-border-top: rgba(120, 140, 180, .2);--card-shadow: 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .04);--card-shadow-hover: 0 12px 48px rgba(0, 0, 0, .3), 0 0 32px rgba(60, 70, 120, .06), inset 0 1px 0 rgba(255, 255, 255, .06);--photo-shadow: 0 0 24px rgba(255, 255, 255, .03);--photo-shadow-hover: 0 0 40px rgba(255, 255, 255, .1);--logo-glow: drop-shadow(0 0 12px rgba(255, 255, 255, .25));--star-color: #ffffff;--star-opacity: 1;color:var(--text-primary);background:var(--bg-gradient);background-attachment:fixed}.light{color-scheme:light;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .75);--text-heading: #ffffff;--text-muted: rgba(255, 255, 255, .5);--btn-bg: rgba(255, 255, 255, .08);--btn-bg-hover: rgba(255, 255, 255, .16);--btn-border: rgba(255, 255, 255, .15);--social-bg: rgba(255, 255, 255, .06);--social-bg-hover: rgba(255, 255, 255, .14);--social-glow: rgba(255, 255, 255, .08);--social-glow-hover: rgba(255, 255, 255, .18);--card-bg: rgba(25, 45, 80, .8);--card-bg-hover: rgba(35, 55, 95, .88);--card-border: rgba(255, 255, 255, .06);--card-border-top: rgba(120, 160, 210, .2);--card-shadow: 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .04);--card-shadow-hover: 0 12px 48px rgba(0, 0, 0, .35), 0 0 32px rgba(60, 100, 160, .06), inset 0 1px 0 rgba(255, 255, 255, .06);--photo-shadow: 0 0 24px rgba(0, 0, 0, .15);--photo-shadow-hover: 0 0 40px rgba(0, 0, 0, .25);--logo-glow: drop-shadow(0 0 12px rgba(255, 255, 255, .2));--star-opacity: 0}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E%3C/svg%3E");background-size:128px 128px;opacity:.035}.content-wrapper{padding-top:2rem;background:linear-gradient(180deg,#111,#141421,#0f0f1d 60%,#090913)}.light .content-wrapper{padding-top:2rem;background:linear-gradient(180deg,#2a4a7a,#223e6e,#1a325c 60%,#12264a)}.theme-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#6db3d4,#98cfe0 20%,#d4cbb8 50%,#c4b896);background-attachment:fixed;opacity:0;transition:opacity 1.4s ease-in-out}.theme-bg-overlay.visible{opacity:1}