:root{--black: #000000;--white: #FFFFFF;--electric-yellow: #FFFF00;--cyber-green: #00FF00;--brutal-red: #FF0000;--gray: #808080}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Mono,monospace;background:var(--white);color:var(--black);line-height:1.4;overflow-x:hidden}.hero{min-height:100vh;background:var(--black);color:var(--white);padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative;border-bottom:12px solid var(--electric-yellow)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,0,.03) 2px,rgba(255,255,0,.03) 4px);pointer-events:none}.hero-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}h1{font-family:Archivo Black,sans-serif;font-size:clamp(3rem,12vw,9rem);line-height:.9;margin-bottom:2rem;text-transform:uppercase;letter-spacing:-.02em;animation:slideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}h1{animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.tagline{animation:slideIn .4s cubic-bezier(.16,1,.3,1) .1s backwards}.subtitle{animation:slideIn .4s cubic-bezier(.16,1,.3,1) .2s backwards}.cta-container{animation:slideIn .4s cubic-bezier(.16,1,.3,1) .3s backwards}.hero h1 span:first-child{color:var(--electric-yellow);display:block}.hero h1 span:last-child{color:var(--white);display:block}.tagline{font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,4vw,3rem);color:var(--cyber-green);margin-bottom:2rem;letter-spacing:.05em;animation:slideIn .8s cubic-bezier(.16,1,.3,1) .2s backwards}.subtitle{font-size:clamp(1rem,2vw,1.25rem);max-width:800px;margin-bottom:3rem;line-height:1.6;animation:slideIn .8s cubic-bezier(.16,1,.3,1) .4s backwards}.cta-container{display:flex;gap:1rem;flex-wrap:wrap;animation:slideIn .8s cubic-bezier(.16,1,.3,1) .6s backwards}.btn{font-family:Bebas Neue,sans-serif;font-size:1.5rem;padding:1.25rem 2.5rem;border:4px solid var(--electric-yellow);background:var(--electric-yellow);color:var(--black);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .2s;cursor:pointer;box-shadow:8px 8px 0 var(--black);position:relative;display:inline-block}.btn:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--black)}.btn:active{transform:translate(8px,8px);box-shadow:0 0 0 var(--black)}.btn-secondary{background:transparent;color:var(--electric-yellow);border-color:var(--electric-yellow)}.section{padding:6rem 2rem;position:relative}.section-title{font-family:Archivo Black,sans-serif;font-size:clamp(2.5rem,8vw,6rem);text-transform:uppercase;margin-bottom:3rem;line-height:.9;letter-spacing:-.02em}.thesis-section{background:var(--electric-yellow);border-top:12px solid var(--black);border-bottom:12px solid var(--black)}.thesis-content{max-width:1200px;margin:0 auto}.thesis-box{background:var(--black);color:var(--white);padding:3rem;border:6px solid var(--black);box-shadow:12px 12px #0000004d;margin-top:2rem}.thesis-box h3{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--cyber-green);margin-bottom:1.5rem;letter-spacing:.05em}.thesis-box p{font-size:1.125rem;line-height:1.8;margin-bottom:1rem}.work-section{background:var(--white);max-width:1200px;margin:0 auto}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.work-card{border:6px solid var(--black);padding:2rem;background:var(--white);transition:all .3s;position:relative}.work-card:after{content:"";position:absolute;inset:8px -8px -8px 8px;background:var(--cyber-green);z-index:-1;transition:all .3s}.work-card:hover:after{top:12px;left:12px}.work-card h3{font-family:Bebas Neue,sans-serif;font-size:1.75rem;margin-bottom:.5rem;letter-spacing:.05em}.work-card .role{color:var(--gray);font-size:.875rem;margin-bottom:1rem;text-transform:uppercase}.work-card p{line-height:1.6}.blog-section{background:var(--cyber-green);border-top:12px solid var(--black);border-bottom:12px solid var(--black)}.blog-content{max-width:1200px;margin:0 auto}.blog-item{margin-top:3rem;border-left:6px solid var(--black);padding-left:2rem}.blog-item:first-of-type{margin-top:0}.blog-title{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--black);margin-bottom:.5rem;letter-spacing:.05em;text-decoration:none;display:inline-block;transition:color .2s}.blog-title:hover{color:var(--electric-yellow);text-decoration:none}.blog-subtitle{font-family:Bebas Neue,sans-serif;font-size:1rem;color:var(--black);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;opacity:.7}.blog-description{font-size:1.125rem;line-height:1.8;color:var(--black)}.about-section{background:var(--white);max-width:1200px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}.about-box{border:6px solid var(--black);padding:2rem;background:var(--white)}.about-box h3{font-family:Bebas Neue,sans-serif;font-size:2rem;margin-bottom:1.5rem;letter-spacing:.05em;border-bottom:4px solid var(--black);padding-bottom:.5rem}.about-box ul{list-style:none;line-height:2}.about-box li:before{content:"▸ ";color:var(--cyber-green);font-weight:700}.contact-section{background:var(--black);color:var(--white);border-top:12px solid var(--electric-yellow)}.contact-content{max-width:1200px;margin:0 auto;text-align:center}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.contact-link{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--electric-yellow);text-decoration:none;border:4px solid var(--electric-yellow);padding:1rem 2rem;transition:all .2s;letter-spacing:.05em}.contact-link:hover{background:var(--electric-yellow);color:var(--black)}footer{background:var(--black);color:var(--gray);text-align:center;padding:2rem;font-size:.875rem}.highlight{background:var(--electric-yellow);color:var(--black);padding:.25rem .5rem;font-weight:700}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem}.hero{padding:1.5rem}.section{padding:4rem 1.5rem}.thesis-box,.about-box{padding:1.5rem}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}