@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;600;800&display=swap";:root{--bg-color: #d9d9d9;--text-color: #111111;--accent-color: #ff3b00;--grid-color: #ff3b00;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;letter-spacing:-.03em}p{margin:0;line-height:1.6}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:transparent;cursor:crosshair}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:40px 40px;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);z-index:1;opacity:.6}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center}.hero-content h1{font-size:clamp(3rem,8vw,8rem);text-transform:uppercase;line-height:.9;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.05em}.hero-content p{font-family:Space Mono,monospace;font-size:clamp(.8rem,1.5vw,1.2rem);color:var(--bg-color);text-transform:uppercase;letter-spacing:.15em;background-color:var(--accent-color);padding:.5rem 1.5rem;display:inline-block;border-radius:2px;font-weight:700}.tech-details{position:absolute;font-family:Space Mono,monospace;font-size:.8rem;color:var(--text-color);opacity:.5;pointer-events:none;z-index:2}.top-left{top:2rem;left:2rem}.top-right{top:2rem;right:2rem}.bottom-left{bottom:2rem;left:2rem}.bottom-right{bottom:2rem;right:2rem}.about{min-height:100vh;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;z-index:10;border-top:4px solid var(--text-color)}.about-content{max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.about-content{grid-template-columns:1fr;gap:2rem}}.about-text h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:2rem;text-transform:uppercase;position:relative;display:inline-block;letter-spacing:-.05em}.about-text h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:6px;background-color:var(--accent-color)}.about-text p{font-family:Space Mono,monospace;font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-color);line-height:1.8}.image-container{width:100%;aspect-ratio:4/5;background-color:silver;border:3px solid var(--text-color);box-shadow:16px 16px 0 var(--accent-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:0;transition:transform .3s ease,box-shadow .3s ease}.image-container:hover{transform:translate(4px,4px);box-shadow:12px 12px 0 var(--accent-color)}.profile-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) contrast(1.1);transition:filter .3s ease}.image-container:hover .profile-image{filter:grayscale(0%) contrast(1)}.image-container:before{content:"";position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;background-color:var(--accent-color);z-index:2}.contact{min-height:50vh;background-color:var(--text-color);color:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;z-index:10}.contact-content{max-width:1000px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem}.contact-content h2{font-size:clamp(1.5rem,3vw,2.5rem);text-transform:uppercase;letter-spacing:.2em;color:var(--bg-color);font-family:Space Mono,monospace;opacity:.5}.links-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px}.brutal-link{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--bg-color);color:var(--text-color);text-decoration:none;font-size:clamp(1.5rem,4vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;border:3px solid var(--bg-color);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.brutal-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent-color);transition:transform .4s cubic-bezier(.25,.8,.25,1);z-index:0}.brutal-link:hover{transform:translate(-8px,-8px);box-shadow:8px 8px 0 var(--accent-color);border-color:var(--accent-color);color:var(--bg-color)}.brutal-link:hover:before{transform:translate(100%)}.link-label,.link-arrow{position:relative;z-index:1}.link-arrow{font-family:Space Mono,monospace;font-weight:400;transition:transform .3s ease}.brutal-link:hover .link-arrow{transform:translate(4px,-4px)}@media(max-width:768px){.brutal-link{padding:1rem 1.5rem}}