@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg-primary:#0a0e0a;--bg-secondary:#111811;--bg-muted:#1a241a;--text-primary:#00ff41;--text-muted:#4a8a4a;--text-inverse:#0a0e0a;--accent:#afa;--border:#00ff41;--link:#5fff7f;--link-hover:#afa;--shadow-color:#003b0f;--selection-bg:#00ff41;--selection-fg:#0a0e0a;--success:#39ff14;--warning:#d4ff00;--error:#ff4136;--font-body:"VT323", "Courier New", monospace;--font-size-base:1.25rem;--line-height:1.4;--padding-small:.75rem;--padding-large:1.5rem;--border-width:2px;--shadow-offset:4px;--radius:0}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary:#f0fff0;--bg-secondary:#d8f0d8;--bg-muted:#c4e4c4;--text-primary:#002b0a;--text-muted:#2a5a2a;--text-inverse:#f0fff0;--accent:#006414;--border:#002b0a;--link:#006414;--link-hover:#00a020;--shadow-color:#9c9;--selection-bg:#002b0a;--selection-fg:#f0fff0;--success:#1a6e00;--warning:#7a5200}}[data-theme=light]{--bg-primary:#f0fff0;--bg-secondary:#d8f0d8;--bg-muted:#c4e4c4;--text-primary:#002b0a;--text-muted:#2a5a2a;--text-inverse:#f0fff0;--accent:#006414;--border:#002b0a;--link:#006414;--link-hover:#00a020;--shadow-color:#9c9;--selection-bg:#002b0a;--selection-fg:#f0fff0;--success:#1a6e00;--warning:#7a5200}[data-theme=dark]{--bg-primary:#0a0e0a;--bg-secondary:#111811;--bg-muted:#1a241a;--text-primary:#00ff41;--text-muted:#4a8a4a;--text-inverse:#0a0e0a;--accent:#afa;--border:#00ff41;--link:#5fff7f;--link-hover:#afa;--shadow-color:#003b0f;--selection-bg:#00ff41;--selection-fg:#0a0e0a}*,:before,:after{box-sizing:border-box}html{background:var(--bg-primary)}body{padding:var(--padding-large);background:var(--bg-primary);max-width:70ch;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height);text-rendering:geometricprecision;margin:0 auto}::selection{background:var(--selection-bg);color:var(--selection-fg)}:focus-visible{outline:var(--border-width) solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:var(--border-width) solid var(--border)}::-webkit-scrollbar-thumb{background:var(--text-primary);border:var(--border-width) solid var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}html{scrollbar-color:var(--text-primary) var(--bg-secondary);scrollbar-width:auto}img,video{max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin:1.5rem 0 .75rem;font-weight:400;line-height:1.1}h1{font-size:3rem}h2{font-size:2.4rem}h3{font-size:2rem}h4{font-size:1.7rem}h5{font-size:1.4rem}h6{font-size:1.2rem}p{margin:0 0 1rem}a{color:var(--link);text-underline-offset:3px;text-decoration:underline}a:not(.link-button):not(.card-button):hover,a:not(.link-button):not(.card-button):focus{color:var(--link-hover);background:var(--bg-secondary)}strong,b{color:var(--accent);font-weight:700}em,i{color:var(--text-primary);font-style:italic}small{color:var(--text-muted);font-size:.85em}mark{background:var(--accent);color:var(--text-inverse);padding:0 .25em}abbr[title]{border-bottom:1px dotted var(--text-muted);cursor:help;text-decoration:none}del{color:var(--text-muted);text-decoration:line-through}ins{color:var(--success);border-bottom:1px dashed var(--success);text-decoration:none}sup,sub{font-size:.75em}time{color:var(--accent);font-variant-numeric:tabular-nums}cite{color:var(--text-muted);font-style:italic}q{quotes:"“" "”" "‘" "’"}q:before{content:open-quote;color:var(--accent)}q:after{content:close-quote;color:var(--accent)}dfn{color:var(--accent);font-style:italic}code,kbd,samp,var,pre{font-family:var(--font-body);font-size:1em}code,samp{background:var(--bg-secondary);color:var(--accent);border:var(--border-width) solid var(--border);padding:.05em .4em}kbd{background:var(--bg-muted);color:var(--text-primary);border:var(--border-width) solid var(--border);box-shadow:2px 2px 0 var(--shadow-color);padding:.05em .5em}var{color:var(--accent);font-style:normal}pre{background:var(--bg-secondary);color:var(--text-primary);padding:var(--padding-small);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);white-space:pre;overflow-x:auto}pre code{color:inherit;background:0 0;border:none;padding:0}blockquote{padding:var(--padding-small) var(--padding-large);border-left:6px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);margin:1rem 0;font-style:italic}address{color:var(--text-muted);border-left:var(--border-width) solid var(--border);padding-left:var(--padding-small);margin:1rem 0;font-style:normal}hr{border:none;border-top:var(--border-width) dashed var(--border);margin:2rem 0}figure{padding:var(--padding-small);border:var(--border-width) solid var(--border);background:var(--bg-secondary);margin:1rem 0}figcaption{margin-top:var(--padding-small);color:var(--text-muted);text-align:center;font-size:.95em}header,main,footer,nav,section,article{display:block}header{padding-bottom:var(--padding-small);border-bottom:var(--border-width) solid var(--border);margin-bottom:var(--padding-large)}footer{padding-top:var(--padding-small);border-top:var(--border-width) solid var(--border);margin-top:var(--padding-large);color:var(--text-muted);font-size:.95em}nav a{margin-right:1rem}aside{padding:var(--padding-small);background:var(--bg-secondary);border:var(--border-width) dashed var(--border);margin:1rem 0}ul,ol{margin:0 0 1rem;padding-left:1.75rem}li{margin:.25rem 0}ul li::marker{content:"▸ ";color:var(--accent)}ol li::marker{color:var(--accent);font-weight:700}dl{margin:0 0 1rem}dt{color:var(--accent);margin-top:.5rem;font-weight:700}dd{color:var(--text-muted);margin:0 0 .5rem 1.5rem}table{border-collapse:collapse;border:var(--border-width) solid var(--border);width:100%;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);margin:1rem 0}caption{caption-side:top;padding:var(--padding-small);color:var(--text-muted);text-align:left}th,td{padding:var(--padding-small);border:var(--border-width) solid var(--border);text-align:left}thead th{background:var(--text-primary);color:var(--text-inverse);text-transform:uppercase;letter-spacing:.05em}tbody tr:nth-child(2n){background:var(--bg-secondary)}tbody tr:hover{background:var(--bg-muted)}tfoot{background:var(--bg-secondary);color:var(--text-muted)}button,input[type=submit],input[type=reset],input[type=button],.link-button{padding:var(--padding-small) var(--padding-large);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;text-align:center;border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);cursor:pointer;font-size:1em;text-decoration:none;transition:transform 50ms linear,box-shadow 50ms linear,background .1s linear;display:inline-block}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.link-button:hover{background:var(--bg-secondary);color:var(--accent);box-shadow:6px 6px 0 var(--shadow-color);transform:translate(-2px,-2px)}button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active,.link-button:active{box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);transform:none}label{color:var(--text-primary);margin:.5rem 0 .25rem;display:inline-block}input,textarea,select{width:100%;padding:var(--padding-small);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);border:var(--border-width) solid var(--border);border-radius:var(--radius);outline:none;font-size:1em;display:block}input[type=checkbox],input[type=radio],input[type=color],input[type=range],input[type=file]{width:auto;display:inline-block}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:6rem}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-primary) 50%), linear-gradient(135deg, var(--text-primary) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding-right:2rem}input[type=checkbox],input[type=radio]{appearance:none;background:var(--bg-secondary);border:var(--border-width) solid var(--border);vertical-align:middle;cursor:pointer;width:1.25rem;height:1.25rem;margin-right:.4rem;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:checked:after{content:"";background:var(--accent);position:absolute;inset:2px}input[type=radio]:checked:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px}input[type=checkbox]:focus,input[type=radio]:focus{outline:var(--border-width) solid var(--accent);outline-offset:2px}input[type=range]{appearance:none;background:0 0;border:none;width:100%;padding:0}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-secondary);border:var(--border-width) solid var(--border);height:8px}input[type=range]::-moz-range-track{background:var(--bg-secondary);border:var(--border-width) solid var(--border);height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:var(--border-width) solid var(--border);cursor:pointer;width:18px;height:18px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--accent);border:var(--border-width) solid var(--border);cursor:pointer;border-radius:0;width:18px;height:18px}input[type=color]{background:var(--bg-secondary);cursor:pointer;width:3rem;height:2.4rem;padding:0}input[type=file]{cursor:pointer;padding:.4rem}fieldset{border:var(--border-width) solid var(--border);padding:var(--padding-small) var(--padding-large);background:var(--bg-secondary);margin:1rem 0}legend{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;padding:0 .5rem}details{border:var(--border-width) solid var(--border);background:var(--bg-secondary);padding:var(--padding-small) var(--padding-large);margin:1rem 0}summary{cursor:pointer;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"▸";margin-right:.5rem;transition:transform .1s linear;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}progress{appearance:none;background:var(--bg-secondary);border:var(--border-width) solid var(--border);width:100%;height:1.4rem;color:var(--accent)}progress::-webkit-progress-bar{background:var(--bg-secondary)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}meter{background:var(--bg-secondary);border:var(--border-width) solid var(--border);width:100%;height:1.4rem}meter::-webkit-meter-bar{background:var(--bg-secondary);border:none}meter::-webkit-meter-optimum-value{background:var(--success)}meter::-webkit-meter-suboptimum-value{background:var(--warning)}meter::-webkit-meter-even-less-good-value{background:var(--error)}dialog{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--padding-large);border:var(--border-width) solid var(--border);border-radius:var(--radius);max-width:90vw;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color)}dialog[open]{margin:1rem auto;position:static}dialog:modal{margin:auto;position:fixed;inset:0}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf}.container{max-width:70ch;padding:var(--padding-large);margin:0 auto}.text-gradient{background:linear-gradient(90deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.card{padding:var(--padding-large);background:var(--bg-secondary);color:var(--text-primary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);margin:1rem 0;display:block}.card-button{cursor:pointer;text-decoration:none;transition:transform 50ms linear,box-shadow 50ms linear;display:block}.card-button:hover{box-shadow:6px 6px 0 var(--shadow-color);transform:translate(-2px,-2px)}.card-button:active{box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}.card-button-primary,.card-button-primary h1,.card-button-primary h2,.card-button-primary h3,.card-button-primary h4,.card-button-primary h5,.card-button-primary h6{color:var(--text-inverse)}.card-button-primary{background:var(--text-primary);border-color:var(--border)}.card-button-primary:hover{background:var(--accent)}.card-button-secondary{background:var(--bg-primary);color:var(--text-primary)}.card-button-secondary:hover{background:var(--bg-secondary);color:var(--accent)}.pixel-border{padding:var(--padding-large);background:var(--bg-secondary);box-shadow:0 -4px 0 0 var(--border), 0 4px 0 0 var(--border), -4px 0 0 0 var(--border), 4px 0 0 0 var(--border), 0 -8px 0 0 var(--bg-primary), 0 8px 0 0 var(--bg-primary), -8px 0 0 0 var(--bg-primary), 8px 0 0 0 var(--bg-primary), 0 -12px 0 0 var(--border), 0 12px 0 0 var(--border), -12px 0 0 0 var(--border), 12px 0 0 0 var(--border);margin:2rem 1rem;position:relative}.alert{padding:var(--padding-small) var(--padding-large);background:var(--bg-secondary);color:var(--text-primary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);border-left-width:6px;margin:1rem 0;display:block}.alert-success{border-color:var(--success);color:var(--success)}.alert-warning{border-color:var(--warning);color:var(--warning)}.alert-error{border-color:var(--error);color:var(--error)}.alert-info{border-color:var(--accent);color:var(--accent)}.badge{background:var(--text-primary);color:var(--text-inverse);font-size:.85em;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--border);vertical-align:middle;padding:.05em .6em;display:inline-block}.badge-success{background:var(--success);border-color:var(--success);color:var(--text-inverse)}.badge-warning{background:var(--warning);border-color:var(--warning);color:var(--text-inverse)}.badge-error{background:var(--error);border-color:var(--error);color:var(--text-inverse)}.badge-outline{color:var(--text-primary);border-color:var(--border);background:0 0}.loader{border:.25em solid var(--text-primary);vertical-align:middle;border-top-color:#0000;width:1.2em;height:1.2em;animation:.8s steps(8,end) infinite ojcss-loader-spin;display:inline-block}@keyframes ojcss-loader-spin{to{transform:rotate(360deg)}}.blink{animation:1s steps(2,end) infinite ojcss-blink}@keyframes ojcss-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.scanlines{position:relative;overflow:hidden}.scanlines:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 4px);position:absolute;inset:0}.glitch{color:var(--text-primary);display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch:before{color:#f0a;clip-path:inset(0);animation:2.4s step-end infinite ojcss-glitch-1}.glitch:after{color:#00d4ff;clip-path:inset(0);animation:3.1s step-end infinite ojcss-glitch-2}@keyframes ojcss-glitch-1{0%,92%,to{clip-path:inset(0);transform:translate(0)}93%{clip-path:inset(20% 0 60%);transform:translate(-2px,1px)}95%{clip-path:inset(70% 0 10%);transform:translate(2px,-1px)}97%{clip-path:inset(40% 0);transform:translate(-1px)}}@keyframes ojcss-glitch-2{0%,90%,to{clip-path:inset(0);transform:translate(0)}91%{clip-path:inset(50% 0 30%);transform:translate(2px,-1px)}94%{clip-path:inset(10% 0 70%);transform:translate(-2px,2px)}98%{clip-path:inset(60% 0 20%);transform:translate(1px,-2px)}}@media print{body{color:#000;background:#fff;max-width:none;padding:0}a{color:#000;background:0 0;text-decoration:underline}button,.link-button,.card,pre,table,fieldset,details,dialog,.alert{box-shadow:none;color:#000;background:#fff;border-color:#000}.glitch:before,.glitch:after,.blink,.loader,.scanlines:before{animation:none!important;display:none!important}thead th{color:#fff;background:#000}}html{scroll-behavior:smooth}body{max-width:960px;padding:0}.navbar{z-index:100;background:var(--bg-primary);padding:var(--padding-small) var(--padding-large);border-bottom:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:sticky;top:0}.navbar__brand{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:1.6rem;text-decoration:none}.navbar__brand:hover{color:var(--accent);background:0 0}.navbar__link{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid transparent;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:1.1rem;text-decoration:none;transition:border-color .1s,background .1s;display:flex}.navbar__link:hover{border-color:var(--border);background:var(--bg-secondary);color:var(--accent)}.site-main{padding:0 var(--padding-large)}.section{border-bottom:var(--border-width) dashed var(--border);padding:3.5rem 0}.section:last-child{border-bottom:none}.section__header h2{margin-top:0;margin-bottom:2rem}.hero{border-bottom:var(--border-width) dashed var(--border);padding:5rem 0 3.5rem}.hero h1{margin:0 0 .5rem;font-size:clamp(2.8rem,8vw,5rem);line-height:1}.hero__tagline{color:var(--text-muted);align-items:center;gap:.4rem;margin:1rem 0 2.5rem;font-size:1.3rem;display:flex}.hero__cta{flex-wrap:wrap;gap:1rem;display:inline-flex}.about__card{margin:0}.about__bio{margin-bottom:1.25rem;line-height:1.6}.about__badges{flex-wrap:wrap;gap:.5rem;display:flex}.projects-grid{gap:var(--padding-large);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.project-card__img{object-fit:cover;object-position:top;border:none;border-bottom:var(--border-width) solid var(--border);width:100%;max-width:100%;height:200px;box-shadow:none;display:block}.project-card__body{padding:var(--padding-large);flex-direction:column;flex:1;gap:.6rem;display:flex}.project-card__body h3{margin:0;font-size:1.6rem}.project-card__desc{color:var(--text-muted);flex:1;margin:0}.project-card__tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-card__links{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.skill-item{background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);padding:var(--padding-small) var(--padding-large);transition:transform 50ms linear,box-shadow 50ms linear}.skill-item:hover{box-shadow:6px 6px 0 var(--shadow-color);transform:translate(-2px,-2px)}.skill-name{color:var(--text-primary);letter-spacing:.05em;font-size:1.1rem}.contact__card{margin:0}.contact__intro{color:var(--text-muted);margin-bottom:1.5rem}.contact__links{flex-wrap:wrap;gap:.75rem;display:flex}.link-button--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.site-footer{padding:var(--padding-large);text-align:center}.footer__links{justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.footer__copy{color:var(--text-muted);margin:0;font-size:.9rem}@media (width<=640px){.site-main{padding:0 var(--padding-small)}.navbar{padding:var(--padding-small)}.projects-grid{grid-template-columns:1fr}.hero{padding:3rem 0 2.5rem}}