@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Courier+Prime:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--black:#000;--white:#fff;--gray:#666;--light-gray:#ccc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--black);font-family:Courier Prime,monospace;line-height:1.6}nav{background:var(--black);color:var(--white);z-index:1000;border-bottom:4px solid var(--black);padding:1.5rem 3rem;animation:.6s ease-out slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo{text-transform:uppercase;letter-spacing:2px;font-family:Archivo Black,sans-serif;font-size:1.5rem}.logo:before{content:"█ "}.nav-links{gap:3rem;list-style:none;display:flex}.nav-links a{color:var(--white);text-transform:uppercase;letter-spacing:2px;border:2px solid #0000;padding:.5rem 1rem;font-family:Roboto Mono,monospace;font-size:.9rem;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-links .protected{border:2px solid var(--white)}.nav-links .protected:before{content:"█ "}main{margin-top:100px;padding:0 3rem}.container{max-width:1400px;margin:0 auto}.hero{border:8px solid var(--black);background:var(--white);flex-direction:column;justify-content:center;min-height:90vh;margin-bottom:4rem;padding:4rem;animation:1s ease-out fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero:before{content:"▓▓▓";color:var(--black);font-size:2rem;position:absolute;top:20px;left:20px}.hero-tag{color:var(--black);text-transform:uppercase;letter-spacing:4px;margin-bottom:2rem;font-family:Roboto Mono,monospace;font-size:1rem;font-weight:700;animation:1s ease-out .2s both fadeIn}.hero-tag:before{content:"█ "}.hero h1{text-transform:uppercase;letter-spacing:-2px;margin-bottom:2rem;font-family:Archivo Black,sans-serif;font-size:6rem;font-weight:900;line-height:.95;animation:1s ease-out .4s both fadeIn}.hero-subtitle{color:var(--black);text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem;font-family:Roboto Mono,monospace;font-size:1.8rem;font-weight:700;animation:1s ease-out .6s both fadeIn}.hero-description{color:var(--gray);border-left:4px solid var(--black);max-width:700px;padding-left:2rem;font-size:1.2rem;line-height:1.9;animation:1s ease-out .8s both fadeIn}.section-title{text-transform:uppercase;letter-spacing:-1px;border-bottom:8px solid var(--black);margin:6rem 0 3rem;padding-bottom:1rem;font-family:Archivo Black,sans-serif;font-size:4rem;font-weight:900}.section-title:before{content:"█ ";font-size:3rem}.philosophy{background:var(--black);color:var(--white);border:8px solid var(--black);margin-bottom:6rem;padding:4rem;position:relative}.philosophy:before{content:"▓▓▓▓▓▓▓▓▓▓";opacity:.3;font-size:2rem;position:absolute;top:20px;right:20px}.philosophy h2{text-transform:uppercase;letter-spacing:-1px;margin-bottom:2rem;font-family:Archivo Black,sans-serif;font-size:3rem}.philosophy h2:before{content:"█ "}.philosophy p{max-width:900px;color:var(--light-gray);font-size:1.3rem;line-height:2}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-bottom:6rem;display:grid}.project-card{background:var(--white);border:6px solid var(--black);padding:3rem;transition:all .3s;animation:1s ease-out both fadeIn;position:relative}.project-card:hover{box-shadow:8px 8px 0 var(--black);transform:translate(-8px,-8px)}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.2s}.project-icon{filter:grayscale();margin-bottom:1.5rem;font-size:4rem}.project-card h3{text-transform:uppercase;letter-spacing:-1px;margin-bottom:1rem;font-family:Archivo Black,sans-serif;font-size:2rem}.project-card h3:before{content:"█ ";font-size:1.5rem}.project-tag{background:var(--black);color:var(--white);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-family:Roboto Mono,monospace;font-size:.8rem;font-weight:700;display:inline-block}.project-description{color:var(--gray);margin-bottom:2rem;font-size:1.05rem;line-height:1.9}.project-tech{flex-wrap:wrap;gap:.8rem;display:flex}.tech-badge{border:2px solid var(--black);text-transform:uppercase;letter-spacing:1px;background:var(--white);padding:.5rem 1rem;font-family:Roboto Mono,monospace;font-size:.8rem;font-weight:700}.protected-section{background:var(--black);color:var(--white);border:8px solid var(--black);text-align:center;margin-bottom:6rem;padding:5rem 3rem;position:relative}.protected-section:before{content:"█████████████";opacity:.1;letter-spacing:-5px;font-size:8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.protected-section h2{text-transform:uppercase;z-index:1;letter-spacing:-1px;margin-bottom:2rem;font-family:Archivo Black,sans-serif;font-size:4rem;position:relative}.protected-section h2:before{content:"█ "}.protected-section h2:after{content:" █"}.protected-section p{z-index:1;letter-spacing:1px;margin-bottom:3rem;font-size:1.3rem;position:relative}.access-button{background:var(--white);color:var(--black);border:4px solid var(--white);text-transform:uppercase;letter-spacing:3px;cursor:pointer;z-index:1;padding:1.5rem 3rem;font-family:Roboto Mono,monospace;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative}.access-button:before{content:"█ "}.access-button:after{content:" █"}.access-button:hover{background:var(--black);color:var(--white);box-shadow:4px 4px 0 var(--white);transform:translate(-4px,-4px)}footer{background:var(--black);color:var(--white);border-top:8px solid var(--black);padding:4rem 3rem}.footer-content{text-align:center;max-width:1400px;margin:0 auto}.footer-links{justify-content:center;gap:3rem;margin-bottom:2rem;display:flex}.footer-links a{color:var(--white);text-transform:uppercase;letter-spacing:2px;border:2px solid #0000;padding:.5rem 1rem;font-family:Roboto Mono,monospace;font-weight:700;text-decoration:none;transition:all .2s}.footer-links a:hover{border:2px solid var(--white)}footer p{letter-spacing:2px;text-transform:uppercase;font-family:Roboto Mono,monospace;font-size:1rem}footer p:before{content:"█ "}footer p:after{content:" █"}.deco-line{background:var(--black);width:100%;height:4px;margin:4rem 0}.cursor-blink:after{content:"█";margin-left:5px;animation:1.2s infinite blink}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}body:before{content:"";pointer-events:none;opacity:.03;z-index:9999;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='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){nav{padding:1rem 1.5rem}main{padding:0 1.5rem}.hero{padding:2rem}.hero h1{font-size:3rem}.hero-subtitle{font-size:1.2rem}.projects-grid{grid-template-columns:1fr}.nav-links{flex-wrap:wrap;gap:1rem}.section-title{font-size:2.5rem}.project-card h3{font-size:1.5rem}.protected-section h2{font-size:2.5rem}}html{scroll-behavior:smooth}
