@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap";body{font-family:Space Mono,monospace;background:#fff;color:#0a0a0a;line-height:1.5}a{text-decoration:none;color:inherit}button{font-family:inherit}ul{list-style:none}img{max-width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--black: #0a0a0a;--white: #ffffff;--red: #ff2a2a;--border: 4px solid var(--black);--shadow: 8px 8px 0px var(--black);--shadow-hover: 4px 4px 0px var(--black);--font-display: "Inter", sans-serif;--font-mono: "Space Mono", monospace}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--white);color:var(--black);line-height:1.5}.portfolio{min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px;background:var(--white);border-bottom:var(--border);z-index:1000}.nav-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--white);background:var(--red);padding:.25rem .75rem;border:3px solid var(--black);position:relative;overflow:hidden;z-index:1}.nav-brand:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--white);animation:logoSweep 3s infinite;z-index:-1}@keyframes logoSweep{0%,to{left:-100%}50%{left:100%}}.nav-brand:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--red);z-index:-2;animation:drawSquare 2s linear infinite}@keyframes drawSquare{0%{clip-path:polygon(0 0,0 0,0 0,0 0)}25%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}50%{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%)}75%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 0,0 0)}}.nav-brand:hover:before,.nav-brand:hover:after{animation:none;opacity:0}.nav-brand:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px solid var(--red);animation:borderPulse 2s infinite;pointer-events:none}@keyframes borderShift{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes borderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}.nav-brand:hover{background:var(--black);animation:none}.nav-brand:hover:after{animation:none;opacity:0}.nav-links{display:flex;list-style:none;gap:0;height:100%}.nav-links li{height:100%}.nav-links a{display:flex;align-items:center;height:100%;padding:0 1.25rem;color:var(--black);text-decoration:none;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.05em;transition:all .15s ease;cursor:pointer;border-left:var(--border)}.nav-links a:hover{background:var(--black);color:var(--white)}.nav-links a.active{background:var(--red);color:var(--white)}.mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-toggle span{display:block;width:100%;height:3px;background:var(--black);transition:all .2s ease}.mobile-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-section{min-height:100vh;padding-top:64px;display:flex;align-items:center;justify-content:center;background:var(--white);border-bottom:var(--border)}.hero-grid{max-width:1200px;padding:3rem 1.5rem;display:grid;grid-template-columns:1.2fr .8fr;gap:0;align-items:center}.hero-content{width:100%;animation:slideUp .8s ease-out forwards;opacity:0}.hero-image-box{animation:slideLeft .8s ease-out .2s forwards;opacity:0;display:flex;justify-content:center}.hero-image{height:50vh;width:auto;max-width:100%;object-fit:contain;border:var(--border);box-shadow:12px 12px 0 var(--red);transition:all .2s ease;background:var(--bg-secondary)}.hero-image:hover{transform:translate(-4px,-4px);box-shadow:16px 16px 0 var(--red)}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-tag{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.15em;color:var(--white);background:var(--black);display:inline-block;padding:.5rem 1rem;border:var(--border);margin-bottom:1.5rem;animation:fadeIn .5s ease-out .2s forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.hero-content h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1;letter-spacing:-.03em;margin-bottom:1.25rem;text-transform:uppercase;animation:fadeIn .5s ease-out .4s forwards;opacity:0}.hero-content h1 .highlight{color:var(--red);-webkit-text-stroke:3px var(--red)}.hero-subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--black);margin-bottom:2rem;letter-spacing:.05em;animation:fadeIn .5s ease-out .6s forwards;opacity:0}.hero-links{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;animation:fadeIn .5s ease-out .8s forwards;opacity:0}.social-link{display:inline-block;padding:.75rem 1.25rem;background:var(--white);border:var(--border);box-shadow:var(--shadow);color:var(--black);text-decoration:none;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;transition:all .15s ease}.social-link:hover{transform:translate(4px,4px);box-shadow:var(--shadow-hover);background:var(--black);color:var(--white)}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeIn .5s ease-out 1s forwards;opacity:0}.btn-primary{padding:1rem 2rem;background:var(--red);border:var(--border);box-shadow:var(--shadow);color:var(--white);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s ease}.btn-primary:hover{transform:translate(4px,4px);box-shadow:var(--shadow-hover)}.btn-secondary{padding:1rem 2rem;background:var(--white);border:var(--border);box-shadow:var(--shadow);color:var(--black);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{transform:translate(4px,4px);box-shadow:var(--shadow-hover);background:var(--black);color:var(--white)}section{padding:4rem 1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:var(--border);flex-wrap:wrap;gap:1rem}.section-header h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.section-tag{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;background:var(--black);color:var(--white);padding:.5rem 1rem;border:var(--border);transition:all .15s ease}.section-tag:hover{background:var(--red)}.projects-section{background:var(--white);max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:2rem;transition:all .15s ease}.project-card:hover{transform:translate(4px,4px);box-shadow:var(--shadow-hover)}.project-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:-.01em}.project-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--red);font-weight:700;letter-spacing:.1em;margin-bottom:1.25rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.project-tech span{padding:.35rem .75rem;background:var(--black);color:var(--white);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.05em;border:2px solid var(--black)}.project-points{list-style:none}.project-points li{font-family:var(--font-mono);font-size:.8rem;line-height:1.6;margin-bottom:.5rem;padding-left:1.25rem;position:relative}.project-points li:before{content:">";position:absolute;left:0;color:var(--red);font-weight:700}.skills-section{background:var(--white);border-top:var(--border);border-bottom:var(--border)}.skills-section .section-header{border-bottom:var(--border)}.skills-section .section-header h2{color:var(--black)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.skill-card{background:var(--white);border:var(--border);box-shadow:8px 8px 0 var(--red);padding:2rem;transition:all .15s ease}.skill-card:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--red)}.skill-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:900;text-transform:uppercase;margin-bottom:1rem;letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.4rem .75rem;background:var(--black);color:var(--white);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;border:2px solid var(--black);transition:all .15s ease}.skill-tag:hover{background:var(--red);border-color:var(--red)}.resume-section{background:var(--white);max-width:1200px;margin:0 auto}.resume-box{background:var(--white);border:var(--border);box-shadow:var(--shadow);padding:3rem 2rem;text-align:center}.resume-box p{font-family:var(--font-display);font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1.5rem}.resume-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.resume-actions a{padding:1rem 2rem;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-decoration:none;border:var(--border);box-shadow:var(--shadow);transition:all .15s ease}.resume-actions a:hover{transform:translate(4px,4px);box-shadow:var(--shadow-hover)}.footer{padding:1.5rem;background:var(--black);border-top:var(--border);text-align:center}.footer p{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--white);letter-spacing:.1em}@media (max-width: 768px){.navbar{padding:0 1rem}.nav-links{position:fixed;top:64px;left:-100%;width:100%;height:calc(100vh - 64px);flex-direction:column;background:var(--white);transition:left .3s ease;border-top:none;gap:0}.nav-links.open{left:0}.nav-links li{height:auto;border-bottom:var(--border)}.nav-links a{padding:1.25rem 1.5rem;height:auto;border-left:none;border-bottom:none}.mobile-toggle{display:flex}.hero-content h1{font-size:2.5rem}.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-links,.hero-buttons{flex-direction:column;align-items:center}.social-link,.btn-primary,.btn-secondary{width:100%;max-width:300px;text-align:center}.hero-image{max-width:280px;box-shadow:8px 8px 0 var(--red);margin:0 auto}.hero-image:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--red)}section{padding:3rem 1rem}.section-header{flex-direction:column;align-items:flex-start}.projects-grid,.skills-grid{grid-template-columns:1fr}.resume-box{padding:2rem 1rem}.resume-actions{flex-direction:column}.resume-actions a{width:100%;text-align:center}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.section-header h2{font-size:1.75rem}.project-card,.skill-card{padding:1.25rem}}