.pixel-earth{display:block;margin:0 auto;background-repeat:no-repeat;image-rendering:pixelated;overflow:hidden}html,body{margin:0;padding:0;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden}.intro-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .5s ease-in-out;cursor:pointer;overflow:hidden}.intro-screen.fade-out{opacity:0}.intro-content{text-align:center;color:#fff;pointer-events:auto;z-index:2;position:relative}.earth-container{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem;position:relative;z-index:1;transform-origin:center center;will-change:transform,opacity}.intro-title{font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace;font-size:clamp(1.5rem,6vw,3rem);font-weight:400;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(255,255,255,.3);letter-spacing:.1em;line-height:1.4;position:relative;z-index:2}.cursor{animation:blink 1s infinite;color:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.intro-instruction{font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace;font-size:clamp(.6rem,2vw,.9rem);color:#fffc;text-shadow:1px 1px 2px rgba(255,255,255,.2);letter-spacing:.05em;line-height:1.5;opacity:0;transition:opacity 2.5s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;pointer-events:auto}.intro-instruction.show{opacity:1}.pulse-text{display:inline-block;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.earth-container.zooming{animation:zoomEffect 2s ease-in-out forwards}@keyframes zoomEffect{0%{transform:scale(1);opacity:1}50%{transform:scale(5);opacity:.8}to{transform:scale(15);opacity:.2}}@media (max-width: 768px){.intro-content{padding:0 1rem}.intro-title{margin-bottom:1.5rem}}@media (max-height: 600px){.intro-title{font-size:clamp(1.2rem,5vw,2.5rem);margin-bottom:1rem}.intro-instruction{font-size:clamp(.5rem,1.8vw,.8rem)}}.intro-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 4s ease-in-out infinite;opacity:.3;z-index:0}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}.digital-clock{position:absolute;top:1.5rem;right:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1100;font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace;letter-spacing:.05em;-webkit-user-select:none;user-select:none;background:none;border:none;box-shadow:none;padding:0;width:240px;text-align:center}.digital-clock-inner{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.digital-clock-time,.digital-clock-date{width:100%;display:block;text-align:center;margin:0;padding:0;box-sizing:border-box;line-height:1.2}.digital-clock-time{font-size:clamp(1.1rem,2.2vw,1.35rem);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4);margin-bottom:.2em;font-weight:700;white-space:nowrap;text-align:center}.digital-clock-ampm{font-size:.75em;vertical-align:middle;margin-left:-.35em;color:#e0e0e0;font-weight:700;display:inline;position:relative;top:0;letter-spacing:-.08em}.digital-clock-date{font-size:clamp(.7rem,1.3vw,1.05rem);color:#e0e0e0;text-shadow:1px 1px 2px rgba(0,0,0,.25);text-align:center;white-space:nowrap}@media (max-width: 600px){.digital-clock{top:.5rem;right:.5rem;width:150px;text-align:center}.digital-clock-time,.digital-clock-date{width:100%;text-align:center}.digital-clock-time{font-size:clamp(.8rem,3vw,1rem);text-align:center}.digital-clock-date{font-size:clamp(.5rem,2vw,.8rem);text-align:center}}.wip-monkey{display:block;margin:0 auto 2rem;max-width:220px;width:60vw;height:auto}.contact-btn{font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace;font-size:clamp(.6rem,1.5vw,.8rem);background:linear-gradient(45deg,#4a9eff,#6bb6ff);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #4a9eff4d;margin-top:2rem;position:relative;z-index:2;pointer-events:auto}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66;border-color:#ffffff80;background:linear-gradient(45deg,#6bb6ff,#8cc8ff)}.contact-btn:active{transform:translateY(0);box-shadow:0 2px 10px #4a9eff4d}@media (max-width: 768px){.contact-btn{font-size:clamp(.5rem,2vw,.7rem);padding:.6rem 1.2rem;margin-top:1.5rem}}.satellite{display:block;image-rendering:pixelated;transition:transform .1s ease-out}.satellite:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.5))!important}.contact-page{position:relative;min-height:100vh;background:#000;color:#fff;overflow:hidden;font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace}.contact-content{position:relative;z-index:10;padding:2rem;max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.contact-header{text-align:center;margin-bottom:2rem;animation:fadeInUp 1s ease-out}.contact-title{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#4a9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 8px rgba(74,158,255,.25);letter-spacing:.1em;line-height:1.4}.contact-subtitle{font-size:1.2rem;color:#ccc;opacity:.8;letter-spacing:.05em;line-height:1.5}.contact-top-row{display:flex;align-items:flex-start;justify-content:center;gap:.4rem;margin-bottom:3rem}.contact-icons{display:flex;justify-content:center;margin-bottom:0;animation:fadeInUp 1s ease-out .2s both}.contact-icons-container{display:flex;gap:1rem;background:#fff;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:.6rem 1rem;transition:all .3s ease;position:relative;z-index:15}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;cursor:pointer;overflow:hidden}.contact-icon:hover{transform:scale(1.1)}.contact-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px;transition:transform .3s ease;background:transparent}.contact-icon:hover img{transform:scale(1.1)}.resume-download-box{display:flex;align-items:center;gap:1.1rem;justify-content:center;margin:0 auto 2.5rem;padding:.7rem 1.5rem;background:#fff;border:1.5px solid rgba(0,0,0,.08);border-radius:15px;box-shadow:0 0 32px 4px #4a9eff1a,0 8px 32px #0000001a;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s,border .2s;position:relative;z-index:15}.resume-download-box:hover{background:#f8faff;border-color:#4a9eff;box-shadow:0 4px 32px #4a9eff2e}.resume-img-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:none;background:none;box-shadow:none}.resume-download-text{color:#4a9eff;font-size:1.1rem;letter-spacing:.04em;transition:color .2s}.resume-download-box:hover .resume-download-text{color:#222}.contact-form-container{width:100%;max-width:500px;min-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.contact-form{background:#fffffff2;border:1.5px solid rgba(0,0,0,.08);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;width:100%;max-width:500px;min-width:320px;margin:0 auto;box-shadow:0 0 64px 12px #4a9eff59,0 8px 40px #0000002e;position:relative;z-index:15}.contact-form-header{font-size:1.3rem;color:#4a9eff;text-align:center;margin-bottom:1.5rem;letter-spacing:.06em;text-shadow:0 0 8px rgba(74,158,255,.15)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem;letter-spacing:.02em}.form-input,.form-textarea{width:100%;padding:.75rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#333;font-size:1rem;transition:all .3s ease;letter-spacing:.02em}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a;background:#fff}.form-input::placeholder,.form-textarea::placeholder{color:#00000080}.form-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:.02em;flex:1;font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace}.btn-primary{background:linear-gradient(45deg,#4a9eff,#6bb6ff);color:#fff;box-shadow:0 4px 15px #4a9eff4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{margin-top:1rem;padding:1rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;color:#4caf50;display:flex;align-items:center;gap:.5rem;animation:fadeIn .5s ease-out;font-size:.8rem;letter-spacing:.02em;font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace}.success-icon{font-size:1.2rem;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.contact-content{padding:1rem}.contact-title{font-size:2.5rem}.contact-top-row,.contact-icons-container{gap:.7rem}.resume-download-box{padding:.7rem 1rem;gap:.7rem}.resume-img-thumb{width:36px;height:36px}.resume-download-text{font-size:.9rem}.form-actions{flex-direction:column}}@media (max-width: 480px){.contact-title{font-size:2rem}.contact-icons-container{gap:.5rem}.contact-icon{width:40px;height:40px}.resume-download-box{padding:.5rem .7rem}.resume-img-thumb{width:28px;height:28px}.contact-form{padding:1.5rem}}.back-btn-top{position:absolute;top:2rem;left:2rem;font-size:1.15rem;padding:.6rem 1.4rem;background:none;color:#fff;border:none;border-radius:0;letter-spacing:.04em;box-shadow:none;cursor:pointer;z-index:20;transition:color .2s;display:flex;align-items:center;font-family:"Press Start 2P",Retro Pixel,Courier New,Monaco,Menlo,monospace}.back-btn-top:hover{color:#4a9eff}@media (max-width: 600px){.back-btn-top{top:1rem;left:1rem;font-size:.95rem;padding:.4rem 1rem}.back-arrow-svg{height:1.1em;width:1.1em}}.back-arrow-svg{display:inline-block;vertical-align:middle;margin-right:.35em;height:1.5em;width:1.5em;transition:color .2s}.back-btn-top:hover .back-arrow-svg{stroke:#4a9eff}@media (max-width: 700px){.contact-top-row{flex-direction:column;align-items:center;gap:1.5rem}}.rocketship-sprite{position:absolute;width:64px;height:96px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAwCAYAAACG5f33AAADuklEQVRoQ+2asYtTQRDGN5xgEywUEkjwNYKVYmlsBPtAikia64IE0ggBFdKlViFgkTS215m/4cDGFGnEa22exE4LSSN4RGaSyc2b7OzbRE6O7G6T3CXfvNnfzs57L98rGMeYzWbLUqlkkiQpuL6nfRaCXgUDkwcwABDGrhBD0UeAyvbxLQArwOFwiNVHo1qt4ttWq+W1lUPSbwHp9/vY9yQ8+jsPYmj6DECYPO97VHmyyjWIIeo3ANM0RXjj8Rh5QRUSwCRJTJqmGY4SIsHrdrvWrjKdTr308CWfGNrxKfdms+nMI08PYtv8a7Va5qR6UYE/lwgwXXxDiBIgfsYgzudz0+v1UN9ut5flchknnhRvm/T7SSb5pHKMcTlEm57g+cTQ9JA3wMuL4dLL9gUFBKNSqWBcHDcLOPcMQJz4jcd7Aex0OqZ29yHGfvHmlXl+/MC8O/mMrwCQFocguhaAx4D3EOfty9eZGBqARqOxyQPmQznIGJPJZKsAePuSFUgAza+Pq/nsAtC2F+QEOEBbBe4KMC+GPD7Eh10gAfLc+UJKgKR3nUBx+/4vgLDiMPatQKoeLYYvQC2PSwEoeyAvY76SkDwM3gPh78FgsOkRVEHa9rXpeR/FXNa9VMbQjg96GNSLtRgATzu+to3h/1CB1h5Yr9eXo9EIg9JZmAfilzOUPE8A9FT6ANE2eO+jz2kBuJ4gajHyjs8h2mIQPC1/0mvzV8/CchJ0cN4TeEI0efrfVdJDTgTisvPPXEhzCDwJWdYSng1iKPqtWzmAKIERDFhNDR6HGJI+AxAuiF2VA59BP9Ru5ULUbwDmTV7eF0uIoeq3tvCfD49WP2V9Neb8bIFvj+4V8fX82cJcv/XF+ZNWaPotGL9/3F8enRYRIEI7W6wA3jHm2tNPub8Hhqa3ApEQfKuPTiQh6dWKwq1IVeixdeVFayh6FSBUEfa/06LX1pUAQ9F79bS8E4ftlolv50PWOwGG4Ou6Ft9n/tHWVAj+k60JMX0DaCsYij76wpYK2MXXjr6wALirrx19YQZwH187+sJrgASP/xQXfWGHPx19YYuxD9UTfeG18x994egLrx5xsz2hFX1h8WxM9IUvfO3oC68vS6IvzMxxaZNeJV86+sLiVm5XXzz6wgxgnjVLJ1Vu6UZfeA0wD57mizttTekL+1ib3JELQa/bmu+LexnrsKAIMRC9l62JVe5prFNL4bbmIeudtiY+oQBPJzzJf6TDZmuGoHe6cuTt7mtLhqDPBbgvPOqFh67/C7Inmovg431RAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:320px 192px;z-index:1;pointer-events:auto;image-rendering:pixelated}@media (max-width: 600px){.rocketship-sprite{width:48px;height:72px;background-size:240px 144px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;min-height:100vh}.app{min-height:100vh}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:#fff;text-align:center;padding:2rem}.content h1{font-size:3rem;margin-bottom:1rem}.content p{font-size:1.2rem;margin-bottom:2rem}.content button{background:#fff3;border:2px solid white;color:#fff;padding:1rem 2rem;font-size:1.1rem;cursor:pointer;border-radius:5px;transition:all .3s ease}.content button:hover{background:#ffffff4d;transform:scale(1.05)}