.home-page{position:relative;overflow:hidden;min-height:100vh;padding:3rem 2rem}.decorative-corner{position:fixed;font-size:2rem;color:var(--retro-accent);opacity:.3;font-family:Courier New,Courier,monospace;z-index:1;pointer-events:none}.decorative-corner.top-left{top:1rem;left:1rem}.decorative-corner.top-right{top:1rem;right:1rem}.decorative-corner.bottom-left{bottom:1rem;left:1rem}.decorative-corner.bottom-right{bottom:1rem;right:1rem}.main-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:var(--retro-accent);letter-spacing:3px;animation:float 3s ease-in-out infinite}.tagline{font-size:1.3rem;color:var(--retro-muted);margin-bottom:.5rem;font-weight:400;letter-spacing:1px}.location{font-size:1.1rem;color:var(--retro-muted);margin-bottom:1.5rem}.quote-code-box{margin:2rem auto;max-width:650px;background:var(--retro-dark);border:3px solid var(--retro-accent);box-shadow:6px 6px 0 var(--retro-accent);overflow:hidden}.quote-code-header{background:var(--retro-light);padding:.6rem 1rem;display:flex;align-items:center;gap:.4rem;border-bottom:2px solid var(--retro-accent)}.quote-code-dot{width:10px;height:10px;border-radius:50%;background:var(--retro-accent);opacity:.5}.quote-code-title{margin-left:auto;font-size:.85rem;color:var(--retro-accent);font-family:Courier New,Courier,monospace}.quote-code-content{padding:1.2rem 1.5rem;margin:0;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.6;background:var(--retro-dark);overflow-x:auto}.quote-code-content code{color:var(--retro-text)}.code-comment{color:var(--retro-muted);font-style:italic}.code-keyword{color:var(--retro-accent);font-weight:700}.code-variable{color:#6bcf7f}.code-string{color:#ffd93d}.cta-button{display:inline-block;padding:.9rem 2.5rem;font-size:1rem;font-weight:700;color:var(--retro-bg);background:var(--retro-accent);border:3px solid var(--retro-accent);border-radius:0;cursor:pointer;transition:all .3s ease;font-family:Courier New,Courier,monospace;margin-bottom:2rem;box-shadow:5px 5px 0 var(--retro-accent)}.cta-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--retro-accent);background:var(--retro-text)}.cta-button:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--retro-accent)}.about-content{margin-top:3rem;animation:fadeIn .5s ease-out;max-width:800px;margin-left:auto;margin-right:auto}.code-animation{background:var(--retro-dark);border:3px solid var(--retro-accent);border-radius:0;padding:0;margin-bottom:2rem;box-shadow:8px 8px 0 var(--retro-accent);overflow:hidden}.code-header{background:var(--retro-light);padding:.8rem 1rem;display:flex;gap:.5rem;border-bottom:3px solid var(--retro-accent)}.code-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--retro-accent)}.code-dot.red{background:#ff6b6b}.code-dot.yellow{background:#ffd93d}.code-dot.green{background:#6bcf7f}.code-block{padding:1.5rem;margin:0;font-family:Courier New,Courier,monospace;font-size:1rem;color:var(--retro-accent);text-align:left;line-height:1.8;overflow-x:auto;background:var(--retro-dark)}.cursor{animation:blink 1s infinite;color:var(--retro-accent)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.about-section{margin-bottom:2rem;padding:2rem;background:var(--retro-light);border:3px solid var(--retro-accent);border-radius:0;transition:all .3s ease;text-align:left;box-shadow:6px 6px 0 var(--retro-accent)}.about-section:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--retro-accent)}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--retro-accent);letter-spacing:2px;border-bottom:3px solid var(--retro-accent);padding-bottom:.5rem;display:inline-block}.bio-text{font-size:1.1rem;line-height:1.8;color:var(--retro-text)}.portfolio-list{list-style:none;display:grid;gap:1rem}.portfolio-item{background:var(--retro-dark);border:2px solid var(--retro-accent);transition:all .3s ease;cursor:pointer}.portfolio-link{display:block;padding:1rem 1.2rem;text-decoration:none;color:inherit}.portfolio-item:hover{background:var(--retro-accent);transform:translate(10px)}.portfolio-item:hover .project-title,.portfolio-item:hover .project-tech{color:var(--retro-bg)}.portfolio-item:hover .external-icon{color:var(--retro-bg);transform:translate(2px,-2px)}.project-title{font-size:1.2rem;font-weight:700;color:var(--retro-accent);margin-bottom:.3rem;display:flex;align-items:center;justify-content:space-between}.external-icon{font-size:1rem;color:var(--retro-accent);transition:all .3s ease;opacity:.7}.project-tech{font-size:.95rem;color:var(--retro-muted)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-info p{font-size:1.1rem;color:var(--retro-text)}.contact-link{color:var(--retro-accent);font-weight:700;transition:all .3s ease;cursor:pointer;text-decoration:underline}.contact-link:hover{color:var(--retro-bg);background:var(--retro-accent);padding:0 4px;text-decoration:none}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,var(--retro-accent) 49px,var(--retro-accent) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,var(--retro-accent) 49px,var(--retro-accent) 50px);opacity:.05;z-index:-1}@media (max-width: 1024px){.home-page{padding:2.5rem 1.5rem}.main-title{font-size:3rem}.about-content{max-width:100%}.decorative-corner{font-size:1.8rem}.quote-code-box{max-width:100%}.quote-code-content{font-size:.95rem;padding:1rem 1.2rem}}@media (max-width: 768px){.home-page{padding:2rem 1.5rem}.main-title{font-size:2.5rem;letter-spacing:2px}.tagline{font-size:1.1rem;margin-bottom:.5rem}.location{font-size:1rem;margin-bottom:2rem}.cta-button{padding:.8rem 2rem;font-size:.95rem;box-shadow:4px 4px 0 var(--retro-accent)}.cta-button:hover{box-shadow:2px 2px 0 var(--retro-accent)}.code-animation{box-shadow:6px 6px 0 var(--retro-accent)}.code-block{font-size:.85rem;padding:1rem;line-height:1.6}.about-section{padding:1.5rem;box-shadow:4px 4px 0 var(--retro-accent)}.about-section:hover{box-shadow:3px 3px 0 var(--retro-accent)}.section-title{font-size:1.5rem;letter-spacing:1px}.bio-text{font-size:1rem;line-height:1.7}.portfolio-item{padding:.9rem 1rem}.project-title{font-size:1.1rem}.project-tech{font-size:.9rem}.contact-info p{font-size:1rem}.contact-link{word-break:break-all}.decorative-corner{font-size:1.5rem}.quote-code-box{margin:1.5rem auto;box-shadow:4px 4px 0 var(--retro-accent)}.quote-code-header{padding:.5rem .8rem}.quote-code-dot{width:8px;height:8px}.quote-code-title{font-size:.8rem}.quote-code-content{font-size:.85rem;padding:.9rem 1rem}}@media (max-width: 480px){.home-page{padding:1.5rem 1rem}.main-title{font-size:1.8rem;letter-spacing:1px;line-height:1.2}.tagline{font-size:.95rem;letter-spacing:.5px}.location{font-size:.85rem;margin-bottom:1.5rem}.cta-button{padding:.7rem 1.8rem;font-size:.9rem;box-shadow:3px 3px 0 var(--retro-accent)}.cta-button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--retro-accent)}.cta-button:active{transform:translate(3px,3px)}.about-content{margin-top:2rem}.code-animation{box-shadow:4px 4px 0 var(--retro-accent)}.code-header{padding:.6rem .8rem}.code-dot{width:10px;height:10px}.code-block{font-size:.75rem;padding:.8rem;line-height:1.5}.about-section{padding:1rem;margin-bottom:1.5rem;box-shadow:3px 3px 0 var(--retro-accent)}.about-section:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--retro-accent)}.section-title{font-size:1.2rem;letter-spacing:1px;margin-bottom:1rem}.bio-text{font-size:.9rem;line-height:1.6}.portfolio-list{gap:.8rem}.portfolio-item{padding:.8rem}.portfolio-item:hover{transform:translate(5px)}.project-title{font-size:1rem;margin-bottom:.2rem}.project-tech{font-size:.8rem}.contact-info{gap:.8rem}.contact-info p{font-size:.9rem;line-height:1.5}.contact-link{word-break:break-all;display:inline-block}.grid-background{background-image:repeating-linear-gradient(0deg,transparent,transparent 29px,var(--retro-accent) 29px,var(--retro-accent) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,var(--retro-accent) 29px,var(--retro-accent) 30px);opacity:.03}.decorative-corner{font-size:1.2rem}.decorative-corner.top-left,.decorative-corner.top-right{top:.5rem}.decorative-corner.bottom-left,.decorative-corner.bottom-right{bottom:.5rem}.decorative-corner.top-left,.decorative-corner.bottom-left{left:.5rem}.decorative-corner.top-right,.decorative-corner.bottom-right{right:.5rem}.quote-code-box{margin:1.2rem auto;box-shadow:3px 3px 0 var(--retro-accent)}.quote-code-header{padding:.4rem .6rem}.quote-code-dot{width:7px;height:7px}.quote-code-title{font-size:.7rem}.quote-code-content{font-size:.75rem;padding:.8rem;line-height:1.5}}@media (max-width: 360px){.home-page{padding:1rem .8rem}.main-title{font-size:1.5rem}.tagline{font-size:.85rem}.location{font-size:.8rem}.cta-button{padding:.6rem 1.5rem;font-size:.85rem}.code-block{font-size:.7rem;padding:.6rem}.section-title{font-size:1.1rem}.bio-text{font-size:.85rem}.project-title{font-size:.95rem}.project-tech{font-size:.75rem}.contact-info p{font-size:.85rem}.decorative-corner{font-size:1rem;opacity:.2}.quote-code-box{margin:1rem auto;box-shadow:2px 2px 0 var(--retro-accent)}.quote-code-header{padding:.4rem .5rem}.quote-code-dot{width:6px;height:6px}.quote-code-title{font-size:.65rem}.quote-code-content{font-size:.7rem;padding:.7rem}}.app-container{min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .8s ease-out}.content{max-width:800px;width:100%;text-align:center}@media (max-width: 768px){.page-container{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--retro-bg: #1a1a1a;--retro-dark: #0d0d0d;--retro-light: #2a2a2a;--retro-accent: #c9a961;--retro-text: #e8e8e8;--retro-muted: #999999}body{font-family:Courier New,Courier,monospace;background:var(--retro-bg);color:var(--retro-text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}