@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap";:root{--void: #08070a;--hud: #6eff58;--accent: #d4a843;--font-title: "Orbitron", "Space Mono", monospace;--font-mono: "Space Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--void);color:#e8dcc8;font-family:var(--font-mono)}.resume-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08070af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:resume-fade-in .5s ease-out}@keyframes resume-fade-in{0%{opacity:0}to{opacity:1}}.resume-screen__content{text-align:center;color:var(--hud);font-family:var(--font-mono)}.resume-screen__icon{font-size:48px;margin-bottom:24px;opacity:.8;animation:resume-pulse 2s infinite}.resume-screen__title{font-size:24px;letter-spacing:4px;margin-bottom:8px;text-shadow:0 0 10px rgba(110,255,88,.5)}.resume-screen__subtitle{font-size:14px;opacity:.6;letter-spacing:2px;margin-bottom:48px}.resume-screen__button{background:transparent;border:1px solid var(--hud);color:var(--hud);padding:12px 24px;font-family:var(--font-mono);font-size:14px;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.resume-screen__button:hover{background:var(--hud);color:#000;box-shadow:0 0 20px #6eff5866}@keyframes resume-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;font-family:Space Mono,monospace;font-size:11px;letter-spacing:2px;line-height:22px;text-transform:uppercase;color:var(--hud)}.hud__block{position:absolute;padding:28px 32px}.hud__row{display:flex;gap:12px}.hud__label{opacity:.55}.hud__value{opacity:.9}.hud__flight{top:0;left:0}.hud__status{top:0;right:0;text-align:right}.hud__status .hud__row{justify-content:flex-end}.hud__timeline{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hud__timeline-bar{display:flex;align-items:center;gap:14px;width:400px}.hud__timeline-pct{font-size:9px;letter-spacing:1.5px;opacity:.35;font-variant-numeric:tabular-nums;white-space:nowrap}.hud__endpoint{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.hud__endpoint-dot{display:block;width:6px;height:6px;border-radius:50%}.hud__endpoint-dot--red{background:#c44;box-shadow:0 0 6px #c448}.hud__endpoint-dot--blue{background:#48c;box-shadow:0 0 6px #48c8}.hud__endpoint-label{font-size:8px;letter-spacing:2.5px;opacity:.5}.hud__track{position:relative;flex:1;height:1px}.hud__track-line{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hud);opacity:.2}.hud__marker{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 2px var(--accent);transform:translate(-50%,-50%);transition:left .3s ease-out}@media(max-width:600px){.hud__block{padding:16px 18px}.hud__timeline-bar{width:280px}.hud__flight,.hud__status{font-size:10px;letter-spacing:1.5px}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#08070a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background 2s ease-out,backdrop-filter 2s ease-out;animation:intro-fade-in 1s ease-out}.intro--exiting{background:#08070a00;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}.intro__content{max-width:600px;padding:24px;max-width:90vw;width:600px;text-align:center}.intro__title{font-family:var(--font-title);font-size:clamp(48px,8vw,72px);font-weight:900;letter-spacing:12px;color:var(--hud);text-transform:uppercase;margin-bottom:24px;text-shadow:0 0 20px rgba(110,255,88,.5),0 0 40px rgba(110,255,88,.3)}.intro__subtitle{font-family:var(--font-mono);font-size:clamp(14px,2vw,16px);letter-spacing:3px;color:#e8dcc8;opacity:.7;margin-bottom:16px;text-transform:uppercase}.intro__distance{font-family:var(--font-mono);font-size:clamp(12px,1.8vw,14px);letter-spacing:2px;color:var(--accent);opacity:.5;margin-bottom:48px}.intro--waiting .intro__button{cursor:default}.intro--blooming .intro__subtitle,.intro--blooming .intro__distance,.intro--blooming .intro__note,.intro--exiting .intro__subtitle,.intro--exiting .intro__distance,.intro--exiting .intro__note{color:var(--hud);text-shadow:0 0 10px rgba(110,255,88,.5),0 0 20px rgba(110,255,88,.3);transition:all 1.5s ease-out}.intro--blooming .intro__distance,.intro--exiting .intro__distance{opacity:1}.intro--blooming .intro__button,.intro--exiting .intro__button{border-color:var(--hud);box-shadow:0 0 20px #6eff5899,inset 0 0 10px #6eff5833;color:var(--hud);transition:all 1.5s ease-out}.intro--exiting .intro__content{opacity:0;transition:opacity 2s ease-in-out}.intro__button{position:relative;isolation:isolate;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--hud);background:transparent;border:2px solid var(--hud);padding:18px 48px;cursor:pointer;overflow:hidden;transition:color .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #6eff581a;animation:button-pulse-subtle 4s infinite ease-in-out}.intro__button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hud);transform:translate(-100%);transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:-1}.intro__button:hover{color:#000;box-shadow:0 0 20px #6eff584d}.intro__button:hover:before{transform:translate(0)}.intro__button:active{transform:scale(.98)}.intro__note{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:#e8dcc866;margin-top:32px;line-height:1.6}.intro__note a{color:inherit;text-decoration:none;font-weight:700;font-size:1.1em;transition:all .3s ease;border-bottom:1px solid transparent}.intro__note a:hover{color:var(--hud);text-shadow:0 0 10px rgba(110,255,88,.5);border-bottom:1px solid var(--hud)}@media(max-width:600px){.intro__content{padding:24px}.intro__title{letter-spacing:8px;margin-bottom:16px}.intro__button{padding:14px 36px;font-size:12px}}.intro__headphones-notice{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;color:var(--hud);font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:0}.intro:not(.intro--idle) .intro__headphones-notice{animation:flashIn 2s ease-out forwards 1s}.intro__headphones-icon{width:20px;height:20px;stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(110,255,88,.5))}@keyframes flashIn{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}40%{opacity:.5}60%{opacity:1}80%{opacity:.8}to{opacity:1;transform:translateY(0)}}.story-beat{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;max-width:85vw;width:900px;padding:32px;transition:opacity 1.2s ease-out,transform 1.2s ease-out}.story-beat--dissolve{opacity:0;transform:translate(-50%,-52%)}.story-beat__text{font-family:var(--font-mono);font-size:clamp(16px,2.5vw,24px);line-height:1.8;letter-spacing:1.5px;text-align:center}.char{opacity:0;color:var(--hud);display:inline;transition:none}.char--revealed{opacity:1;animation:materialize .4s ease-out forwards}.char--latest{text-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(110,255,88,.8),0 0 48px rgba(110,255,88,.5)}@keyframes materialize{0%{color:#fff;opacity:1;text-shadow:0 0 16px rgba(255,255,255,1),0 0 32px rgba(110,255,88,.8),0 0 48px rgba(110,255,88,.6);filter:brightness(2.5)}40%{color:#c2ffb8;filter:brightness(1.5);text-shadow:0 0 10px rgba(110,255,88,.8),0 0 20px rgba(110,255,88,.5)}to{color:var(--hud);filter:brightness(1);text-shadow:0 0 6px rgba(110,255,88,.6),0 0 12px rgba(110,255,88,.3)}}.story-beat--holding .char--revealed{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{text-shadow:0 0 6px rgba(110,255,88,.6),0 0 12px rgba(110,255,88,.3);filter:brightness(1)}50%{text-shadow:0 0 10px rgba(110,255,88,.8),0 0 24px rgba(110,255,88,.5),0 0 40px rgba(110,255,88,.2);filter:brightness(1.15)}}.cursor{display:inline;color:var(--hud);opacity:1;font-weight:400;text-shadow:0 0 8px rgba(110,255,88,.8),0 0 16px rgba(110,255,88,.5);animation:cursor-pulse .08s ease-in-out infinite alternate;margin-left:-2px}.cursor--idle{animation:cursor-blink 1.2s ease-in-out infinite}@keyframes cursor-pulse{0%{opacity:.7}to{opacity:1}}@keyframes cursor-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@media(max-width:600px){.story-beat{max-width:90vw;padding:20px}.story-beat__text{font-size:clamp(13px,3.5vw,18px);letter-spacing:1px;line-height:1.6}}.book-cta-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background:transparent;pointer-events:auto;opacity:0;animation:bookCtaApproach 15s linear forwards;transform-origin:center center}@keyframes bookCtaApproach{0%{transform:scale(.001);opacity:0}3%{transform:scale(.0013);opacity:1}10%{transform:scale(.002);opacity:1}20%{transform:scale(.004);opacity:1}30%{transform:scale(.008);opacity:1}40%{transform:scale(.016);opacity:1}50%{transform:scale(.032);opacity:1}60%{transform:scale(.063);opacity:1}70%{transform:scale(.126);opacity:1}80%{transform:scale(.251);opacity:1}90%{transform:scale(.501);opacity:1}95%{transform:scale(.708);opacity:1}98%{transform:scale(.872);opacity:1}to{transform:scale(1);opacity:1}}.book-cta-content{display:flex;flex-direction:column;align-items:center;gap:0;max-width:90vw;padding:2rem 1rem;text-align:center}:root{--neon-green: #6eff58;--font-title: "Orbitron", sans-serif;--font-mono: "Space Mono", monospace;--hud: #6eff58}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ultraSlowDrift{0%{transform:translateZ(0) rotate(0)}20%{transform:translate3d(2px,-1px,0) rotate(.2deg)}45%{transform:translate3d(-1px,1px,0) rotate(-.1deg)}70%{transform:translate3d(1px,2px,0) rotate(.1deg)}to{transform:translateZ(0) rotate(0)}}.book-title-motion{display:inline-block;animation:ultraSlowDrift 18s ease-in-out infinite;transform-origin:center center}.book-top-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-title-group{opacity:1;transition:opacity 20s ease-out;display:flex;flex-direction:column;align-items:center}.book-title-group--faded{opacity:0}.book-title{font-family:var(--font-title, sans-serif);font-size:clamp(48px,8vw,72px);font-weight:900;letter-spacing:12px;color:var(--hud);text-transform:uppercase;text-align:center;margin:0 0 12px;padding:0;text-shadow:0 0 20px rgba(110,255,88,.5),0 0 40px rgba(110,255,88,.3);opacity:0;animation:fadeInUp 1.2s ease-out forwards;animation-delay:15s}.book-title-sub{display:block;font-size:.6em;letter-spacing:8px;line-height:1;margin-bottom:-.15em}.book-author{font-family:var(--font-mono, monospace);font-size:clamp(14px,2vw,16px);font-weight:700;letter-spacing:2px;color:var(--hud);text-transform:uppercase;text-align:center;margin:1rem 0;padding:0;opacity:0;animation:fadeInUp 1.2s ease-out forwards;animation-delay:15.3s}.book-typewriter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:85vw;width:900px;padding:32px}.book-typewriter__text{font-family:var(--font-mono);font-size:clamp(16px,2.5vw,24px);line-height:1.8;letter-spacing:1.5px;text-align:center}.cta-char{opacity:0;color:var(--hud);display:inline;transition:none}.cta-char--revealed{opacity:1;animation:cta-materialize .4s ease-out forwards}.cta-char--latest{text-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(110,255,88,.8),0 0 48px rgba(110,255,88,.5)}@keyframes cta-materialize{0%{color:#fff;opacity:1;text-shadow:0 0 16px rgba(255,255,255,1),0 0 32px rgba(110,255,88,.8),0 0 48px rgba(110,255,88,.6);filter:brightness(2.5)}40%{color:#c2ffb8;filter:brightness(1.5);text-shadow:0 0 10px rgba(110,255,88,.8),0 0 20px rgba(110,255,88,.5)}to{color:var(--hud);filter:brightness(1);text-shadow:0 0 6px rgba(110,255,88,.6),0 0 12px rgba(110,255,88,.3)}}.cta-cursor{display:inline;color:var(--hud);opacity:1;font-weight:400;text-shadow:0 0 8px rgba(110,255,88,.8),0 0 16px rgba(110,255,88,.5);animation:cta-cursor-pulse .08s ease-in-out infinite alternate;margin-left:-2px}.cta-cursor--idle{animation:cta-cursor-blink 1.2s ease-in-out infinite}@keyframes cta-cursor-pulse{0%{opacity:.7}to{opacity:1}}@keyframes cta-cursor-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.book-tagline{font-family:var(--font-mono, monospace);font-size:clamp(12px,1.8vw,14px);font-weight:400;letter-spacing:1.5px;color:var(--hud);text-transform:uppercase;text-align:center;margin:1rem 0 3rem;padding:0;font-style:normal;opacity:0;animation:fadeInUp 1.2s ease-out forwards;animation-delay:15.6s}.book-cta-button{position:relative;isolation:isolate;font-family:var(--font-mono, monospace);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--hud);background:transparent;border:2px solid var(--hud);padding:18px 48px;cursor:pointer;text-decoration:none;overflow:hidden;transition:color .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #6eff581a;opacity:0;animation:fadeInUp 1.2s ease-out forwards,button-pulse-subtle 4s infinite ease-in-out;animation-delay:15.9s,0s}.book-cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hud);transform:translate(-100%);transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:-1}.book-cta-button:hover{color:#000;box-shadow:0 0 20px #6eff584d}.book-cta-button:hover:before{transform:translate(0)}.book-cta-button:active{transform:scale(.98)}@keyframes button-pulse-subtle{0%,to{box-shadow:0 0 5px #6eff581a;border-color:#6eff58cc}50%{box-shadow:0 0 15px #6eff5840;border-color:#6eff58}}@media(max-width:600px){.book-title{font-size:32px;letter-spacing:6px;margin-bottom:32px}.book-author{font-size:11px;letter-spacing:1.5px}.book-tagline{font-size:10px;margin-bottom:2rem}.book-cta-button{padding:14px 36px;font-size:12px;letter-spacing:2px}.book-typewriter{max-width:90vw;padding:20px}.book-typewriter__text{font-size:clamp(13px,3.5vw,18px);letter-spacing:1px;line-height:1.6}}.final-outro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;background:#08070a00;pointer-events:none}.final-outro--blackout{animation:outro-darken 3s ease-out forwards}.final-outro--signal,.final-outro--folder,.final-outro--prompt,.final-outro--unlocking,.final-outro--opening,.final-outro--revealed{background:#08070af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes outro-darken{0%{background:#08070a00}to{background:#08070af2}}.final-outro__flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;animation:screen-flash 1.8s ease-out forwards}@keyframes screen-flash{0%{background:#6eff5800}15%{background:#ffffff80}30%{background:#6eff5826}to{background:#0000}}.final-outro__signal{text-align:center;transition:opacity 1.5s ease-out}.final-outro__signal--dim{opacity:.15}.final-outro__signal-text{font-family:var(--font-mono);font-size:clamp(14px,2vw,20px);letter-spacing:6px;color:var(--hud);text-shadow:0 0 10px rgba(110,255,88,.8),0 0 20px rgba(110,255,88,.4)}.final-outro__cursor{display:inline;color:var(--hud);animation:cursor-blink .08s ease-in-out infinite alternate;margin-left:-2px}@keyframes cursor-blink{0%{opacity:.6}to{opacity:1}}.folder{width:clamp(280px,50vw,420px);padding:40px 32px;background:#08070a99;border:2px solid rgba(110,255,88,.35);border-radius:0;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;box-shadow:0 0 20px #6eff5814}.folder--entering{animation:folder-materialize 2.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes folder-materialize{0%{opacity:0;transform:scale(.2);filter:brightness(4) blur(12px);box-shadow:0 0 100px #6eff58cc}40%{opacity:1;filter:brightness(1.8) blur(4px)}70%{transform:scale(1.03);filter:brightness(1.2) blur(1px)}to{opacity:1;transform:scale(1);filter:brightness(1) blur(0px);box-shadow:0 0 20px #6eff5814}}.folder--unlocking{animation:folder-shake .12s ease-in-out infinite,folder-energy-build 3s ease-in forwards}@keyframes folder-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-.3deg)}75%{transform:translate(2px) rotate(.3deg)}}@keyframes folder-energy-build{0%{box-shadow:0 0 20px #6eff5814;border-color:#6eff5859}50%{box-shadow:0 0 40px #6eff584d;border-color:#6eff5899}to{box-shadow:0 0 80px #6eff5899,0 0 120px #6eff584d;border-color:#6eff58;filter:brightness(1.5)}}.folder--breaking{animation:folder-break 3s ease-out forwards}@keyframes folder-break{0%{opacity:1;transform:scale(1);box-shadow:0 0 30px #6eff581a}25%{box-shadow:0 0 60px #6eff58cc,0 0 100px #fff6;border-color:#6eff58cc}50%{opacity:1;transform:scale(1.08);filter:brightness(2);box-shadow:0 0 80px #fff9,0 0 120px #6eff5899}to{opacity:0;transform:scale(1.2);filter:brightness(4)}}.folder__stamp{font-family:var(--font-title);font-size:clamp(20px,4vw,32px);font-weight:900;letter-spacing:12px;color:#6eff5866;text-transform:uppercase;transform:rotate(-4deg);border:2px solid rgba(110,255,88,.25);padding:4px 20px;-webkit-user-select:none;user-select:none;text-shadow:0 0 10px rgba(110,255,88,.2)}.folder__divider{width:80%;height:1px;background:#6eff5833}.folder__label{font-family:var(--font-mono);font-size:clamp(12px,1.8vw,16px);letter-spacing:4px;color:var(--hud);opacity:.7;text-align:center}.folder__sublabel{font-family:var(--font-mono);font-size:clamp(8px,1.2vw,11px);letter-spacing:3px;color:var(--hud);opacity:.3;text-align:center}.folder__seal{font-size:28px;color:var(--hud);margin-top:8px;text-shadow:0 0 10px rgba(110,255,88,.8),0 0 20px rgba(110,255,88,.5),0 0 40px rgba(110,255,88,.3);animation:seal-pulse 2s ease-in-out infinite}@keyframes seal-pulse{0%,to{text-shadow:0 0 10px rgba(110,255,88,.8),0 0 20px rgba(110,255,88,.5);transform:scale(1)}50%{text-shadow:0 0 15px rgba(110,255,88,1),0 0 30px rgba(110,255,88,.7),0 0 50px rgba(110,255,88,.4);transform:scale(1.05)}}.final-outro__prompt{position:relative;isolation:isolate;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--hud);background:transparent;border:2px solid var(--hud);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;padding:18px 48px;overflow:hidden;transition:color .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #6eff581a;animation:outro-button-pulse 4s infinite ease-in-out}.final-outro__prompt:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hud);transform:translate(-100%);transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:-1}.final-outro__prompt:hover{color:#000;box-shadow:0 0 20px #6eff584d}.final-outro__prompt:hover:before{transform:translate(0)}.final-outro__prompt:active{transform:scale(.98)}@keyframes outro-button-pulse{0%,to{box-shadow:0 0 5px #6eff581a;border-color:#6eff58cc}50%{box-shadow:0 0 15px #6eff5840;border-color:#6eff58}}.final-outro__reveal{animation:image-reveal 2.5s cubic-bezier(.16,1,.3,1) forwards;max-width:90vw}@keyframes image-reveal{0%{opacity:0;transform:scale(.7);filter:brightness(4) blur(8px)}40%{opacity:1;filter:brightness(1.5) blur(2px)}to{opacity:1;transform:scale(1);filter:brightness(1) blur(0px)}}.final-outro__image{max-width:100%;width:420px;height:auto;border-radius:6px;box-shadow:0 0 40px #6eff5833,0 0 80px #6eff581a;animation:image-float 4s ease-in-out infinite 2.5s}@keyframes image-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:600px){.final-outro{gap:28px}.folder{padding:28px 20px}.folder__stamp{letter-spacing:6px;padding:3px 12px}.final-outro__prompt{padding:14px 36px;font-size:12px;letter-spacing:2px}.final-outro__image{width:90%}}