@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--color-primary: #0000FF;--color-text: #FFFFFF;--font-mono: "Fira Code", monospace;--font-sans: "Fira Code", monospace;--scanline-color: rgba(255, 255, 255, .05);--glitch-offset: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-primary);color:var(--color-text);font-family:var(--font-mono);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:crosshair}h1,h2,h3,h4,h5,h6,strong,b{font-weight:400!important}::-webkit-scrollbar{width:10px;background:var(--color-primary)}::-webkit-scrollbar-thumb{background:var(--color-text);border:2px solid var(--color-primary)}::selection{background:var(--color-text);color:var(--color-primary)}.font-mono{font-family:var(--font-mono)}.border-raw{border:2px solid var(--color-text)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.grid{display:grid;gap:1rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s step-end infinite}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#00000080 2px 4px);pointer-events:none;z-index:2147483647;box-shadow:inset 0 0 15rem #000000e6;opacity:.4;mix-blend-mode:normal}@keyframes flicker{0%{opacity:.4}5%{opacity:.38}10%{opacity:.4}15%{opacity:.41}20%{opacity:.4}to{opacity:.4}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--color-primary);z-index:100;position:sticky;top:0;border-bottom:2px solid var(--color-text)}.logo{font-size:1.2rem;font-weight:700;letter-spacing:1px}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--color-text);text-decoration:none;font-weight:500;letter-spacing:1px;padding:.2rem .5rem;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a.active{background:var(--color-text);color:var(--color-primary)}.main-content{flex:1;padding:2rem;position:relative;z-index:10}.footer{padding:1rem 2rem;text-align:right;font-size:.8rem;opacity:.7;border-top:1px dashed var(--color-text)}@media(max-width:768px){.navbar{padding:1rem;flex-direction:column;gap:1rem}.nav-links{gap:1rem;font-size:.9rem;flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}}.rotating-text{font-family:var(--font-mono);font-size:3rem;min-height:3.6rem;color:var(--color-text)}.cursor{animation:blink 1s step-end infinite}@media(max-width:768px){.rotating-text{font-size:2rem;min-height:2.4rem}}.home-page{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;padding:4rem 0;align-items:center;min-height:80vh;position:relative;overflow:hidden}.home-header{margin-bottom:4rem;z-index:10;position:relative}.hero-title{margin:1rem 0}.separator{width:50%;margin-top:2rem;height:0}.file-system-nav{background:#0000ff1a;padding:2rem;border:1px dashed var(--color-text);position:relative;z-index:10}.dir-label{margin-bottom:1.5rem;opacity:.8}.file-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.file-link{display:grid;grid-template-columns:auto auto 1fr;gap:.5rem;align-items:center;text-decoration:none;color:var(--color-text);padding:.5rem;transition:background .2s}.file-link:hover{background:var(--color-text);color:var(--color-primary)}.permissions,.owner{opacity:.6;font-size:.9rem}.name{font-weight:400}.hero-visual{position:relative;right:auto;top:auto;transform:none;z-index:1;opacity:1;pointer-events:none;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center}.main-logo-ascii{font-size:7px!important;line-height:7px!important;white-space:pre;color:var(--color-text);text-shadow:0 0 5px var(--color-primary);display:inline-block;text-align:left}@media(max-width:900px){.home-page{grid-template-columns:1fr;gap:2rem;padding:2rem 0;min-height:auto}.hero-visual{position:relative;right:auto;top:auto;transform:none;opacity:1;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-top:2rem;width:100%}.main-logo-ascii{font-size:4px!important;line-height:4px!important;text-align:center;margin:0 auto}.file-link{grid-template-columns:70px 60px 1fr;gap:.3rem;font-size:.85rem}.file-system-nav{padding:1.5rem}}@media(max-width:480px){.main-logo-ascii{font-size:2.5px!important;line-height:2.5px!important;text-align:center;margin:0 auto;max-width:100%}.ascii-title{font-size:6px!important;line-height:6px!important}.file-link{grid-template-columns:60px 50px 1fr;gap:.25rem;font-size:.75rem;padding:.4rem}.permissions,.owner{font-size:.75rem}.file-system-nav{padding:1rem}.dir-label{font-size:.85rem;word-break:break-all}}.section-title{font-size:3rem;margin-bottom:2rem;display:block}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.bio-header{opacity:.7;margin-bottom:1rem;font-size:.9rem}.separator{width:100px;margin:2rem 0;height:0}.bio-text{font-size:1.1rem;line-height:1.6}.bio-text p{margin-bottom:1.5rem}.text-large{font-size:2rem;font-weight:700}.capabilities-box{border:1px dashed var(--color-text);padding:1.5rem;margin:2rem 0;background:#0003}.box-title{font-weight:700;margin-bottom:1rem!important;display:block}.capabilities-list{list-style:none}.capabilities-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.capabilities-list li:before{content:">";position:absolute;left:0;color:var(--color-text)}.software-section .tech-stack{display:flex;flex-wrap:wrap;gap:1rem}.about-visual{height:400px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;position:sticky;top:100px;text-align:center}.profile-ascii{display:inline-block;text-align:left;white-space:pre;color:var(--color-text);margin:0 auto}@media(max-width:768px){.section-title{font-size:2rem;margin-bottom:1.5rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-visual{order:-1;height:auto;padding:2rem 0;position:static;overflow:hidden;text-align:center}.profile-ascii{font-size:5px!important;line-height:5px!important;display:inline-block;text-align:left;margin:0 auto}.about-page{padding-bottom:2rem}}@media(max-width:480px){.profile-ascii{font-size:3.5px!important;line-height:3.5px!important}}.glitch-text{position:relative;display:inline-block;color:var(--color-text);z-index:1}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-primary);z-index:-1}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip-path:inset(44% 0 61% 0);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip-path:inset(50% 0 30% 0);animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(30% 0 10% 0)}60%{clip-path:inset(50% 0 80% 0)}80%{clip-path:inset(10% 0 40% 0)}to{clip-path:inset(70% 0 20% 0)}}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.filter-bar{display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{background:transparent;border:none;color:var(--color-text);font-family:var(--font-mono);cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--color-text);color:var(--color-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card{border:1px solid var(--color-text);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;background:#0000004d;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);background:var(--color-text);color:var(--color-background);box-shadow:4px 4px 0 var(--color-primary)}.project-card:hover .project-desc,.project-card:hover .tech-tag{color:var(--color-background);border-color:var(--color-background)}.project-title{font-size:1.5rem;margin:1rem 0 .5rem;font-weight:700}.project-desc{font-size:.9rem;line-height:1.5;margin-bottom:2rem;flex-grow:1}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:.75rem}.tech-tag{opacity:.7}.card-header{font-size:.8rem;opacity:.8}.card-footer{font-size:.8rem;margin-top:auto}.read-more{color:var(--color-text);text-decoration:none;font-weight:700}.contact-page{display:flex;flex-direction:column;gap:2rem;padding:4rem 0}.section-title{margin-bottom:2rem}.contact-content{padding:2rem;background:#0000ff0d}.status-bar{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-primary);padding-bottom:1rem;margin-bottom:2rem;opacity:.8}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.contact-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--color-text);text-decoration:none;color:var(--color-text);transition:all .2s ease;background:#0003}.contact-card:hover{background:var(--color-text);color:var(--color-background);transform:translateY(-2px);box-shadow:4px 4px 0 var(--color-primary)}.protocol-type{font-size:.8rem;opacity:.7;margin-bottom:.5rem}.protocol-value{font-size:1.1rem;font-weight:700}.contact-form{margin-top:3rem;display:grid;gap:1.5rem;max-width:600px}.form-group{display:flex;flex-direction:column;gap:.5rem}.input-raw{background:transparent;border:2px solid var(--color-text);color:var(--color-text);padding:1rem;font-family:var(--font-mono);font-size:1rem}.input-raw:focus{outline:none;background:var(--color-text);color:var(--color-primary)}.btn-raw{background:var(--color-text);color:var(--color-primary);border:none;padding:1rem 2rem;font-size:1.2rem;cursor:pointer;font-weight:700;transition:all .2s}.btn-raw:hover{background:transparent;color:var(--color-text);border:2px solid var(--color-text)}.project-detail-page{padding:4rem 0}.back-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;margin-bottom:2rem;font-size:1.2rem;padding:0}.back-btn:hover{text-decoration:underline;text-shadow:0 0 5px var(--color-primary)}.project-header{margin-bottom:3rem;border-bottom:1px dashed var(--color-text);padding-bottom:1rem}.project-title{font-size:3rem;margin-bottom:1rem}.project-meta{display:flex;gap:2rem;opacity:.7}.project-content{padding:2rem;background:#0000ff0d}.main-project-image{width:auto;max-width:100%;height:auto;max-height:600px;display:block;margin:0 auto 2rem;object-fit:contain;border:1px solid var(--color-text);background:#00000080}.project-info{display:grid;gap:2rem;margin-bottom:3rem}.info-block h3{margin-bottom:.5rem;color:var(--color-primary)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{opacity:.8}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.gallery-img{width:100%;height:150px;object-fit:cover;border:1px solid var(--color-text);transition:transform .2s}.gallery-img:hover{transform:scale(1.05);z-index:10;border-color:var(--color-primary)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;border:1px solid var(--color-text)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
