@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";
:root{--bg-deep:#0a0618;--bg-dark:#140e2a;--bg-medium:#1e1540;--bg-card:#251b4d;--bg-card-hover:#2f2260;--bg-window:#1a1238;--bg-titlebar:#2d1b69;--bg-titlebar-active:#3d2680;--purple-light:#c77dff;--purple-mid:#9d4edd;--purple-dark:#7b2cbf;--purple-glow:#b388ff;--pink-accent:#ff6bcb;--pink-soft:#e891c7;--magenta:#e040fb;--text-primary:#e8d5ff;--text-secondary:#b8a0d4;--text-muted:#8b7aaa;--text-bright:#fff;--text-console:#a8e6a3;--text-console-prompt:#c77dff;--star-white:#fff;--star-blue:#a8c8ff;--star-yellow:#ffe8a0;--star-pink:#ffb8d8;--window-border:#5b3a8c;--window-border-inner:#3d2680;--btn-close:#ff5f57;--btn-minimize:#ffbd2e;--btn-maximize:#28ca41;--nav-bg:#18102e;--nav-active:#9d4edd;--nav-hover:#9d4edd33;--scrollbar-track:#140e2a;--scrollbar-thumb:#5b3a8c;--shadow-purple:#9d4edd4d;--shadow-glow:#b388ff66;--pixel-size:4px;--window-radius:0px;--border-width:3px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated;font-size:16px}body{color:var(--text-primary);background:var(--bg-deep);min-height:100vh;font-family:VT323,monospace;position:relative;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-dark);border-left:2px solid var(--window-border)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--purple-light)}.pixel-font{font-family:"Press Start 2P",cursive}.terminal-font{font-family:VT323,monospace}.starry-container{z-index:0;background:linear-gradient(#0a0618 0%,#0d0824 15%,#140e35 35%,#1a1250 55%,#1e164a 70%,#251b55 85%,#1a1040 100%);position:fixed;inset:0;overflow:hidden}.stars-layer-1,.stars-layer-2,.stars-layer-3{background:0 0;border-radius:0;width:2px;height:2px;position:absolute;top:0;left:0}.stars-layer-1{box-shadow:45vw 10vh var(--star-white), 12vw 25vh var(--star-blue), 78vw 8vh var(--star-white), 33vw 42vh var(--star-pink), 90vw 18vh var(--star-white), 5vw 60vh var(--star-blue), 67vw 35vh var(--star-yellow), 22vw 72vh var(--star-white), 85vw 55vh var(--star-white), 50vw 80vh var(--star-pink), 15vw 15vh var(--star-white), 72vw 68vh var(--star-blue), 38vw 5vh var(--star-white), 95vw 42vh var(--star-yellow), 8vw 88vh var(--star-white), 60vw 22vh var(--star-white), 28vw 58vh var(--star-pink), 82vw 78vh var(--star-white), 42vw 92vh var(--star-blue), 55vw 48vh var(--star-white), 3vw 35vh var(--star-white), 70vw 12vh var(--star-yellow), 18vw 82vh var(--star-white), 92vw 65vh var(--star-white), 35vw 28vh var(--star-blue);animation:4s ease-in-out infinite alternate twinkle1}.stars-layer-2{width:1px;height:1px;box-shadow:10vw 5vh var(--star-white), 25vw 38vh var(--star-white), 48vw 15vh var(--star-blue), 65vw 52vh var(--star-white), 80vw 28vh var(--star-white), 15vw 68vh var(--star-yellow), 55vw 85vh var(--star-white), 35vw 18vh var(--star-white), 88vw 72vh var(--star-pink), 42vw 55vh var(--star-white), 75vw 42vh var(--star-white), 8vw 48vh var(--star-blue), 62vw 8vh var(--star-white), 30vw 92vh var(--star-white), 95vw 35vh var(--star-yellow), 20vw 22vh var(--star-white), 52vw 65vh var(--star-white), 40vw 78vh var(--star-pink), 68vw 88vh var(--star-white), 85vw 15vh var(--star-white), 2vw 52vh var(--star-white), 58vw 32vh var(--star-blue), 78vw 95vh var(--star-white), 45vw 42vh var(--star-white), 12vw 78vh var(--star-yellow), 92vw 8vh var(--star-white), 38vw 62vh var(--star-white), 72vw 25vh var(--star-white), 22vw 48vh var(--star-pink), 50vw 2vh var(--star-white);animation:6s ease-in-out infinite alternate twinkle2}.stars-layer-3{width:3px;height:3px;box-shadow:20vw 20vh var(--star-white), 60vw 40vh var(--star-blue), 40vw 70vh var(--star-yellow), 80vw 10vh var(--star-white), 10vw 90vh var(--star-pink), 50vw 30vh var(--star-white), 70vw 60vh var(--star-white), 30vw 50vh var(--star-blue), 90vw 80vh var(--star-yellow), 5vw 15vh var(--star-white);animation:8s ease-in-out infinite alternate twinkle3}.shooting-star{opacity:0;background:#fff;border-radius:0;width:3px;height:3px;animation:8s ease-in-out 3s infinite shootingStar;position:absolute}.shooting-star:after{content:"";background:linear-gradient(270deg,#fff,#0000);width:40px;height:2px;position:absolute;top:0;right:3px}.shooting-star-2{animation-duration:10s;animation-delay:12s}@keyframes shootingStar{0%{opacity:0;top:10%;left:80%}2%{opacity:1}6%{opacity:1;top:35%;left:40%}8%{opacity:0;top:40%;left:35%}to{opacity:0;top:40%;left:35%}}@keyframes twinkle1{0%{opacity:1}50%{opacity:.4}to{opacity:.9}}@keyframes twinkle2{0%{opacity:.6}50%{opacity:1}to{opacity:.3}}@keyframes twinkle3{0%{opacity:.8}30%{opacity:.3}60%{opacity:1}to{opacity:.5}}.main-layout{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.retro-window{border:var(--border-width) solid var(--window-border);background:var(--bg-window);width:100%;max-width:620px;box-shadow:0 0 30px var(--shadow-purple), 0 0 60px #5d3a8c26, inset 0 0 30px #0000004d;flex-direction:column;max-height:80vh;display:flex;position:relative}.retro-window:before{content:"";pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:0}.window-titlebar{background:linear-gradient(180deg, var(--bg-titlebar-active), var(--bg-titlebar));border-bottom:2px solid var(--window-border);cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.window-title{color:var(--text-primary);letter-spacing:1px;font-family:"Press Start 2P",cursive;font-size:10px}.window-controls{gap:8px;display:flex}.window-btn{cursor:pointer;border:2px solid #0000004d;width:14px;height:14px;transition:transform .1s}.window-btn:hover{transform:scale(1.2)}.window-btn.close{background:var(--btn-close)}.window-btn.minimize{background:var(--btn-minimize)}.window-btn.maximize{background:var(--btn-maximize)}.window-content{flex:1;min-height:350px;padding:24px 28px;position:relative;overflow-y:auto}.window-content::-webkit-scrollbar{width:10px}.window-content::-webkit-scrollbar-track{background:var(--bg-dark)}.window-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.bottom-nav{background:linear-gradient(180deg, var(--nav-bg) 0%, #0a0618 100%);border-top:2px solid var(--window-border);flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:12px 8px;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:2px solid #0000;border-radius:0;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--nav-hover)}.nav-item.active{color:var(--purple-light);border-color:var(--purple-dark);background:#9d4edd26}.nav-item.active:after{content:"";background:var(--purple-light);width:60%;height:2px;box-shadow:0 0 8px var(--shadow-glow);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-icon{font-size:24px;line-height:1}.nav-label{letter-spacing:.5px;white-space:nowrap;font-family:"Press Start 2P",cursive;font-size:7px}.social-icons{justify-content:center;gap:16px;margin-top:16px;display:flex}.social-link{border:2px solid var(--window-border);background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{color:var(--purple-light);border-color:var(--purple-light);background:var(--bg-card-hover);box-shadow:0 0 12px var(--shadow-purple);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.section-title{color:var(--text-bright);text-align:center;text-shadow:0 0 10px var(--shadow-glow);margin-bottom:20px;font-family:"Press Start 2P",cursive;font-size:16px}.section-text{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-family:VT323,monospace;font-size:20px;line-height:1.6}.about-avatar{background:var(--bg-card);border:3px solid var(--purple-mid);width:80px;height:80px;box-shadow:0 0 15px var(--shadow-purple);justify-content:center;align-items:center;margin:0 auto 20px;font-size:40px;display:flex}.projects-grid{flex-direction:column;gap:14px;display:flex}.project-card{background:var(--bg-card);border:2px solid var(--window-border-inner);cursor:default;padding:16px;transition:all .2s}.project-card:hover{background:var(--bg-card-hover);border-color:var(--purple-mid);box-shadow:0 0 15px var(--shadow-purple);transform:translateY(-1px)}.project-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.project-emoji{font-size:24px}.project-title{color:var(--purple-light);font-family:"Press Start 2P",cursive;font-size:10px}.project-desc{color:var(--text-secondary);margin-bottom:10px;font-family:VT323,monospace;font-size:18px;line-height:1.4}.project-tech{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tech-tag{border:1px solid var(--purple-dark);color:var(--purple-light);letter-spacing:.5px;background:#9d4edd33;padding:4px 8px;font-family:"Press Start 2P",cursive;font-size:6px}.project-links{gap:10px;display:flex}.project-link{color:var(--pink-accent);border-bottom:1px dashed var(--pink-accent);font-family:VT323,monospace;font-size:16px;text-decoration:none;transition:all .2s}.project-link:hover{color:var(--pink-soft);text-shadow:0 0 8px var(--pink-accent)}.skills-category{margin-bottom:20px}.skills-category-title{color:var(--purple-light);border-bottom:1px solid var(--window-border-inner);margin-bottom:12px;padding-bottom:6px;font-family:"Press Start 2P",cursive;font-size:10px}.skills-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{background:var(--bg-card);border:2px solid var(--window-border-inner);color:var(--text-secondary);cursor:default;letter-spacing:.5px;padding:8px 14px;font-family:"Press Start 2P",cursive;font-size:8px;transition:all .2s}.skill-tag:hover{color:var(--purple-light);border-color:var(--purple-mid);background:var(--bg-card-hover);box-shadow:0 0 12px var(--shadow-purple);transform:translateY(-2px)}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--purple-mid), var(--purple-dark), transparent);width:2px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{background:var(--bg-card);border:2px solid var(--window-border-inner);margin-bottom:24px;padding:14px 16px;transition:all .2s;position:relative}.timeline-item:hover{border-color:var(--purple-mid);box-shadow:0 0 12px var(--shadow-purple)}.timeline-item:before{content:"◆";color:var(--purple-light);text-shadow:0 0 6px var(--shadow-glow);font-size:10px;position:absolute;top:16px;left:-24px}.timeline-title{color:var(--purple-light);margin-bottom:4px;font-family:"Press Start 2P",cursive;font-size:9px}.timeline-company{color:var(--pink-accent);margin-bottom:4px;font-family:"Press Start 2P",cursive;font-size:7px}.timeline-period{color:var(--text-muted);margin-bottom:8px;font-family:VT323,monospace;font-size:16px}.timeline-desc{color:var(--text-secondary);font-family:VT323,monospace;font-size:18px;line-height:1.4}.resume-download{color:var(--text-primary);background:var(--bg-card);border:2px solid var(--purple-mid);cursor:pointer;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-family:"Press Start 2P",cursive;font-size:8px;text-decoration:none;transition:all .2s;display:inline-flex}.resume-download:hover{background:var(--purple-dark);border-color:var(--purple-light);box-shadow:0 0 15px var(--shadow-purple);transform:translateY(-1px)}.contact-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--purple-light);font-family:"Press Start 2P",cursive;font-size:8px}.form-input,.form-textarea{background:var(--bg-dark);border:2px solid var(--window-border-inner);color:var(--text-primary);outline:none;padding:10px 12px;font-family:VT323,monospace;font-size:18px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--purple-mid);box-shadow:0 0 8px var(--shadow-purple)}.form-textarea{resize:vertical;min-height:100px}.form-submit{background:var(--purple-dark);border:2px solid var(--purple-mid);color:var(--text-primary);cursor:pointer;align-self:flex-start;padding:12px 24px;font-family:"Press Start 2P",cursive;font-size:9px;transition:all .2s}.form-submit:hover{background:var(--purple-mid);border-color:var(--purple-light);box-shadow:0 0 15px var(--shadow-purple);transform:translateY(-1px)}.contact-info{flex-direction:column;gap:10px;margin-top:20px;display:flex}.contact-info-item{color:var(--text-secondary);align-items:center;gap:10px;font-family:VT323,monospace;font-size:18px;display:flex}.contact-info-item a{color:var(--pink-accent);border-bottom:1px dashed var(--pink-accent);text-decoration:none;transition:all .2s}.contact-info-item a:hover{color:var(--pink-soft);text-shadow:0 0 8px var(--pink-accent)}.console-window{border:var(--border-width) solid var(--window-border);width:100%;max-width:620px;box-shadow:0 0 20px var(--shadow-purple), inset 0 0 20px #00000080;background:#0c0818;margin-top:16px}.console-titlebar{border-bottom:2px solid var(--window-border);-webkit-user-select:none;user-select:none;background:linear-gradient(#1a0e35,#140a2a);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.console-title{color:var(--text-console);align-items:center;gap:6px;font-family:"Press Start 2P",cursive;font-size:8px;display:flex}.console-body{max-height:200px;padding:12px 14px;font-family:VT323,monospace;font-size:18px;line-height:1.5;overflow-y:auto}.console-output-line{color:var(--text-console);white-space:pre-wrap;word-break:break-word}.console-output-line.command{color:var(--text-console-prompt)}.console-output-line.error{color:var(--pink-accent)}.console-output-line.system{color:var(--text-muted)}.console-input-line{align-items:center;gap:0;margin-top:4px;display:flex}.console-prompt{color:var(--text-console-prompt);white-space:nowrap;font-family:VT323,monospace;font-size:18px}.console-input{color:var(--text-console);caret-color:var(--text-console);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:VT323,monospace;font-size:18px}.console-cursor{background:var(--text-console);width:8px;height:18px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.home-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;display:flex}.home-greeting{color:var(--text-muted);letter-spacing:2px;margin-bottom:12px;font-family:"Press Start 2P",cursive;font-size:10px}.home-name{color:var(--text-bright);text-shadow:0 0 20px var(--shadow-glow);margin-bottom:8px;font-family:"Press Start 2P",cursive;font-size:20px;line-height:1.6}.home-role{color:var(--purple-light);letter-spacing:1px;margin-bottom:24px;font-family:"Press Start 2P",cursive;font-size:9px}.home-tagline{color:var(--text-secondary);max-width:400px;font-family:VT323,monospace;font-size:22px;line-height:1.5}.home-sparkles{letter-spacing:8px;margin-top:24px;font-size:20px;animation:3s ease-in-out infinite sparkleFloat}@keyframes sparkleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.typing-text{white-space:nowrap;border-right:2px solid var(--purple-light);animation:2.5s steps(30,end) forwards typing,.7s step-end infinite blinkCaret;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinkCaret{50%{border-color:#0000}}.section-enter{animation:.3s ease-out forwards sectionFadeIn}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){.main-layout{padding:10px}.retro-window{max-height:85vh}.window-content{padding:16px 18px}.nav-item{padding:6px 10px}.nav-label{font-size:6px}.section-title{font-size:12px}.home-name{font-size:14px}.skill-name{min-width:80px;font-size:16px}}@media (max-width:420px){.nav-item{padding:6px}.nav-label{font-size:5px}.nav-icon{font-size:20px}.bottom-nav{gap:0;padding:8px 4px}}