:root{--bg-color: #000000;--primary-color: #ffffff;--dim-color: #888888;--accent-gray: #333333;--font-stack: "Courier New", Courier, monospace;--border-style: 2px solid var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--primary-color);font-family:var(--font-stack);overflow-x:hidden;line-height:1.6;background-image:linear-gradient(#0000001a 50%,#0003 50%);background-size:100% 4px}a{color:var(--primary-color);text-decoration:none;border-bottom:1px dotted var(--dim-color);transition:all .3s}a:hover{background-color:var(--primary-color);color:var(--bg-color);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:4px double var(--accent-gray);margin-bottom:2rem;background:#000;position:sticky;top:0;z-index:1000}.logo{font-size:1.2rem;font-weight:900;letter-spacing:1px;border:none;text-transform:uppercase}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:700;text-transform:uppercase;font-size:.9rem;border:none;position:relative}.nav-links a:before{content:"[ ";color:var(--dim-color);opacity:0;transition:.3s}.nav-links a:after{content:" ]";color:var(--dim-color);opacity:0;transition:.3s}.nav-links a:hover:before,.nav-links a:hover:after{opacity:1}.nav-toggle,.nav-close{display:none}.terminal-window{border:2px solid var(--accent-gray);padding:2rem;position:relative;background:#050505;box-shadow:10px 10px 0 var(--accent-gray);margin-bottom:3rem}.terminal-window:before{content:"/// SYSTEM_ROOT // USER: ADMIN";position:absolute;top:-12px;left:1rem;background:#000;padding:0 10px;color:var(--dim-color);font-size:.8rem;letter-spacing:1px}.hero-section{display:flex;align-items:center;gap:3rem;margin-top:1rem}.hero-image{width:320px;height:380px;object-fit:cover;filter:grayscale(100%) contrast(1.1);border:4px solid var(--primary-color);display:block}.typewriter-text{font-size:2.8rem;line-height:1.1;font-weight:700;margin-bottom:1.5rem}.cursor{display:inline-block;width:15px;height:.8em;background-color:var(--primary-color);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bio-text{color:#ccc;margin-bottom:2rem;font-size:1rem;max-width:600px}.btn{display:inline-block;padding:.8rem 1.5rem;border:1px solid var(--primary-color);background:#000;color:var(--primary-color);font-family:var(--font-stack);font-size:.9rem;font-weight:700;text-transform:uppercase;cursor:pointer;margin:.5rem 1rem .5rem 0}.btn:hover{background:var(--primary-color);color:#000}.btn-secondary{background:transparent;color:var(--dim-color);border-color:var(--dim-color)}.btn-secondary:hover{background:var(--dim-color);color:#000}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}.specs-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.spec-box{border:1px dashed var(--dim-color);padding:1.5rem}.spec-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--accent-gray);padding:.5rem 0;font-size:.9rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{border:1px solid var(--accent-gray);padding:1.5rem;transition:transform .2s}.project-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.form-control{width:100%;background:#111;border:1px solid var(--dim-color);color:var(--primary-color);padding:1rem;font-family:var(--font-stack);margin-bottom:1.5rem}@media (max-width: 900px){.hero-section{flex-direction:column;align-items:flex-start;text-align:left}.hero-image{width:100%;height:auto;aspect-ratio:1/1;max-width:400px;margin-bottom:2rem}.typewriter-text{font-size:2rem}}@media (max-width: 768px){.nav{padding:1rem}.container{padding:0 1rem}.nav-toggle{display:block;font-weight:700;cursor:pointer;border:1px solid var(--primary-color);padding:.5rem}.nav-links{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:2000;border:2px solid var(--primary-color)}.nav-links.active{display:flex}.nav-close{display:block;position:absolute;top:1.5rem;right:1.5rem;font-weight:700;font-size:1.2rem;cursor:pointer;border:1px solid var(--primary-color);padding:.5rem}.nav-links a{font-size:1.5rem;padding:1rem;width:100%;text-align:center;border-bottom:1px solid var(--accent-gray)}.specs-grid{grid-template-columns:1fr}}
