@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Press+Start+2P&family=VT323&family=Cinzel:wght@400;700&family=Playfair+Display:wght@400;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--sepia-dark: #3a2817;--sepia-medium: #6b4e3d;--sepia-light: #8b6f47;--sepia-bg: #2a1f15;--sepia-paper: #f4ead8;--sepia-text: #2c1810;--sepia-accent: #d4a574;--retro-orange: #ff6b35;--retro-teal: #4ecdc4;--retro-cyan: #00ffff;--black: #1a1a1a;--white: #ffffff;--grunge-brown: #5c4a37;--vintage-cream: #f4ead8;--vintage-red: #c41e3a;--game-green: #00ff41;--game-yellow: #ffff00}body{font-family:Playfair Display,Times New Roman,serif;background:var(--sepia-bg);min-height:100vh;overflow-x:hidden;color:var(--sepia-text);position:relative;line-height:1.6}.app{min-height:100vh;position:relative;z-index:1;padding:0;background:var(--sepia-bg)}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:sepia(60%) contrast(1.1) brightness(.7);opacity:.4}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(circle at 20% 30%,rgba(42,31,21,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(42,31,21,.3) 0%,transparent 50%),linear-gradient(to bottom,#2a1f1533,#2a1f1566);pointer-events:none}.main-content{z-index:10;width:100%;max-width:1400px;margin:0 auto;background:var(--vintage-cream);box-shadow:0 0 50px #00000080,inset 0 0 100px #5c4a371a;border-left:4px solid var(--sepia-dark);border-right:4px solid var(--sepia-dark);position:relative;min-height:100vh}.main-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%235c4a37" opacity="0.15"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none;z-index:0}.main-content>*{position:relative;z-index:1}.retro-header{background:var(--vintage-cream);padding:3rem 2rem 0;text-align:center;position:relative}.title-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.retro-bar{background:var(--black);padding:.8rem 2rem;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--grunge-brown),8px 8px 15px #0000004d;position:relative;margin-bottom:.5rem}.retro-bar:after{content:"";position:absolute;bottom:-8px;right:-8px;width:100%;height:100%;background:var(--grunge-brown);z-index:-1;transform:translate(4px,4px)}.retro-text{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--retro-orange);letter-spacing:.1em;text-transform:uppercase;display:inline-block}.main-title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,6vw,4.5rem);font-weight:900;color:var(--sepia-text);letter-spacing:.15em;text-transform:uppercase;text-shadow:4px 4px 0px var(--sepia-light),8px 8px 0px var(--sepia-medium),12px 12px 20px rgba(0,0,0,.3);line-height:1.1;margin:.5rem 0;position:relative;min-height:1.2em;word-break:break-word;overflow-wrap:break-word}.title-text{display:inline-block}.typewriter-cursor{display:inline-block;color:var(--retro-orange);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.main-title.typewriter-effect{letter-spacing:.1em}.logo-subtitle{font-family:Cinzel,serif;font-size:1rem;color:var(--sepia-medium);letter-spacing:.3em;text-transform:uppercase;font-weight:400;margin-top:.5rem}.main-nav{display:flex;justify-content:center;gap:1.5rem;padding:2rem 3rem;background:var(--vintage-cream);border-top:2px dashed var(--sepia-medium);border-bottom:2px dashed var(--sepia-medium);flex-wrap:wrap}.nav-button{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--black);background:var(--white);padding:.8rem 1.5rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border:3px solid var(--black);box-shadow:4px 4px 0 var(--sepia-medium),inset 0 0 0 var(--retro-orange);transition:all .2s ease;position:relative;display:inline-block}.nav-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--sepia-medium),inset 0 0 0 var(--retro-orange);background:var(--retro-orange);color:var(--white)}.nav-button:active{transform:translate(4px,4px);box-shadow:none}.section-divider{padding:1rem 3rem;text-align:center;position:relative}.section-divider:before,.section-divider:after{content:"";position:absolute;top:50%;width:30%;height:2px;background:var(--sepia-medium)}.section-divider:before{left:0}.section-divider:after{right:0}.divider-text{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--retro-orange);background:var(--vintage-cream);padding:.5rem 1.5rem;display:inline-block;letter-spacing:.2em;text-transform:uppercase;position:relative;z-index:1;border:2px solid var(--black);box-shadow:3px 3px 0 var(--sepia-medium)}.projects-section{padding:2rem 3rem;background:var(--vintage-cream)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;max-width:100%}@media(min-width:769px)and (max-width:899px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-tile{position:relative;background:var(--white);border:4px solid var(--black);box-shadow:6px 6px 0 var(--sepia-medium),inset 0 0 20px #0000000d;transition:all .3s ease;overflow:hidden;cursor:pointer}.project-tile:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--retro-cyan),var(--game-green),var(--game-yellow),var(--retro-orange));z-index:-1;opacity:0;transition:opacity .3s ease}.project-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:10px 10px 0 var(--sepia-medium),inset 0 0 30px #ff6b351a,0 0 20px #ff6b354d}.project-tile:hover:before{opacity:.2}.tile-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--retro-orange),var(--retro-teal),var(--retro-orange));z-index:2}.tile-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.tile-number{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--retro-orange);background:var(--black);padding:.5rem;text-align:center;width:fit-content;box-shadow:2px 2px 0 var(--sepia-medium);align-self:flex-start}.tile-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden;border:2px solid var(--black);box-shadow:inset 0 0 10px #0003}.tile-image{width:100%;height:100%;object-fit:cover;filter:sepia(40%) contrast(1.2) brightness(.9);transition:transform .3s ease,filter .3s ease;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.project-tile:hover .tile-image{transform:scale(1.1);filter:sepia(20%) contrast(1.3) brightness(1)}.tile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(26,26,26,.4) 100%);pointer-events:none}.tile-info{display:flex;flex-direction:column;gap:.8rem}.tile-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.1em;text-shadow:1px 1px 2px rgba(0,0,0,.1);line-height:1.2}.tile-description{font-family:VT323,monospace;font-size:1rem;color:var(--sepia-text);line-height:1.5}.tile-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tile-tag{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--black);background:var(--retro-teal);padding:.3rem .6rem;border:2px solid var(--black);text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px 0 var(--sepia-medium)}.tile-link{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--white);background:var(--black);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;padding:.8rem 1.5rem;border:2px solid var(--black);box-shadow:3px 3px 0 var(--retro-orange),inset 0 0 0 var(--retro-orange);transition:all .2s ease;display:inline-block;align-self:flex-start;margin-top:.5rem}.tile-link:hover{background:var(--retro-orange);color:var(--black);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--retro-orange),inset 0 0 0 var(--black)}.tile-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,107,53,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-tile:hover .tile-glow{opacity:1}.tile-pulse{animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:6px 6px 0 var(--sepia-medium),inset 0 0 20px #0000000d}50%{box-shadow:6px 6px 0 var(--sepia-medium),inset 0 0 20px #ff6b351a,0 0 10px #ff6b3533}}.about-section{padding:3rem;background:var(--vintage-cream)}.about-content{display:flex;flex-direction:column;gap:3rem;max-width:800px;margin:0 auto}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-paragraph{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--sepia-text);line-height:1.8;text-align:left}.about-paragraph strong{color:var(--retro-orange);font-weight:700}.about-skills{background:var(--white);padding:2rem;border:3px solid var(--black);box-shadow:4px 4px 0 var(--sepia-medium)}.skills-title{font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--black);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.skill-item{font-family:VT323,monospace;font-size:1.2rem;color:var(--black);background:var(--vintage-cream);padding:.8rem 1rem;border:2px solid var(--black);text-align:center;box-shadow:2px 2px 0 var(--sepia-medium);transition:all .2s ease}.skill-item:hover{transform:translate(2px,2px);box-shadow:0 0 0 var(--sepia-medium);background:var(--retro-orange);color:var(--white)}.contact-section{padding:3rem;background:var(--black);color:var(--vintage-cream)}.contact-content{display:flex;flex-direction:column;gap:2.5rem;max-width:700px;margin:0 auto}.contact-intro{text-align:center}.contact-label{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--retro-teal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.contact-description{font-family:Playfair Display,serif;font-size:1rem;color:var(--vintage-cream);line-height:1.8;opacity:.9}.contact-details{display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d;padding:2rem;border:2px solid var(--retro-orange);box-shadow:4px 4px 0 var(--retro-teal)}.contact-item{display:flex;flex-direction:column;gap:.5rem;text-align:left}.contact-item-label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--retro-teal);text-transform:uppercase;letter-spacing:.1em}.contact-email{font-family:VT323,monospace;font-size:1.3rem;color:var(--retro-orange);text-decoration:none;transition:all .3s ease;padding:.5rem 0;border-bottom:2px solid transparent;display:inline-block;width:fit-content}.contact-email:hover{color:var(--retro-teal);border-bottom-color:var(--retro-teal);transform:translate(5px)}.contact-value{font-family:VT323,monospace;font-size:1.2rem;color:var(--vintage-cream)}.contact-cta{text-align:center;padding-top:1rem;border-top:2px dashed var(--retro-orange)}.cta-text{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--vintage-cream);margin-bottom:1.5rem;font-style:italic}.cta-button{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--black);background:var(--retro-orange);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2rem;border:3px solid var(--black);box-shadow:4px 4px 0 var(--retro-teal),inset 0 0 0 var(--black);transition:all .2s ease;display:inline-block}.cta-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--retro-teal),inset 0 0 0 var(--black);background:var(--retro-teal);color:var(--white)}.retro-footer{padding:2rem 3rem;background:var(--sepia-dark);color:var(--vintage-cream);text-align:center;border-top:3px solid var(--black)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{font-family:VT323,monospace;font-size:1rem;letter-spacing:.1em}.footer-year{color:var(--retro-orange)}@media(max-width:1024px){.main-content{max-width:90%}}@media(max-width:768px){.app{padding:0}.main-content{max-width:100%;border-left:none;border-right:none}.retro-header{padding:1rem 0 0}.main-title{font-size:2rem}.logo-subtitle{font-size:.8rem}.main-nav{padding:1.5rem 1rem;gap:1rem}.projects-section{padding:1.5rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.section-divider{padding:1.5rem 1rem 1rem}.section-divider:before,.section-divider:after{width:20%}.contact-section{padding:2rem 1.5rem}.footer-content{flex-direction:column}}@media(max-width:480px){.retro-header{padding:1rem 0 0}.main-title{font-size:clamp(1.2rem,10vw,1.8rem);letter-spacing:.05em;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.main-title.typewriter-effect{font-size:clamp(1.2rem,10vw,1.8rem);letter-spacing:.05em}.retro-text{font-size:.7rem}.logo-subtitle{font-size:.9rem;letter-spacing:.05em}.projects-section{padding:1rem}.tile-title{font-size:1rem}.tile-description{font-size:.9rem}}@media print{.background-image,.background-overlay{display:none}.main-content{box-shadow:none;border:1px solid var(--sepia-medium)}}