@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a1a;--surface:#2a2a2a;--green:#66bb6a;--green-hi:#88dd8c;--text:#f0f0f0;--muted:#888;--border:#66bb6a;--red:#f44;--orange:#ff9800;--font-head:"Press Start 2P", monospace;--font-body:"VT323", monospace}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);background-image:linear-gradient(#66bb6a0a 1px,#0000 1px),linear-gradient(90deg,#66bb6a0a 1px,#0000 1px);background-size:32px 32px;flex-direction:column;min-height:100vh;font-size:20px;line-height:1.7;display:flex}main{flex:1}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-hi)}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-head);line-height:1.4}h1{font-size:clamp(20px,4vw,36px)}h2{font-size:clamp(16px,3vw,24px)}h3{font-size:clamp(13px,2vw,18px)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}section{padding:64px 0}.pixel-card{background:var(--surface);border:2px solid var(--border);box-shadow:4px 4px 0 var(--border);padding:28px;transition:box-shadow .1s,transform .1s}.pixel-card:hover{box-shadow:6px 6px 0 var(--green-hi);transform:translate(-1px,-1px)}.btn{font-family:var(--font-head);border:2px solid var(--green);color:var(--green);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:0;padding:14px 22px;font-size:11px;line-height:1;text-decoration:none;transition:background .1s,color .1s,box-shadow .1s,transform .1s;display:inline-block}.btn:hover{background:var(--green);color:var(--bg);box-shadow:4px 4px 0 var(--green-hi);transform:translate(-1px,-1px)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn-primary{background:var(--green);color:var(--bg)}.btn-primary:hover{background:var(--green-hi);border-color:var(--green-hi);color:var(--bg)}.btn-sm{padding:10px 14px;font-size:9px}.btn-ghost{border-color:var(--muted);color:var(--muted);pointer-events:none;opacity:.5}.tag{font-family:var(--font-head);border:2px solid var(--green);color:var(--green);letter-spacing:1px;background:0 0;padding:5px 10px;font-size:8px;line-height:1;display:inline-block}.badge{font-family:var(--font-head);letter-spacing:1px;padding:5px 10px;font-size:8px;line-height:1;display:inline-block}.badge-live{background:var(--green);color:var(--bg)}.badge-soon{background:var(--orange);color:var(--bg)}.page-header{border-bottom:2px solid var(--surface);padding:56px 0 40px}.page-header h1{color:var(--green);margin-bottom:12px}.page-header p{color:var(--muted);font-size:22px}.navbar{z-index:100;background:var(--bg);border-bottom:2px solid var(--green);padding:0;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.navbar-logo{font-family:var(--font-head);color:var(--green);letter-spacing:2px;white-space:nowrap;flex-shrink:0;font-size:clamp(12px,2vw,16px);text-decoration:none}.navbar-logo:hover{color:var(--green-hi)}.navbar-links{align-items:center;gap:32px;list-style:none;display:flex}.navbar-links a{font-family:var(--font-head);color:var(--text);letter-spacing:1px;border-bottom:2px solid #0000;padding:4px 0;font-size:10px;text-decoration:none;transition:color .1s,border-color .1s}.navbar-links a:hover,.navbar-links a.active{color:var(--green);border-bottom-color:var(--green)}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--text);width:24px;height:2px;transition:background .1s;display:block}.navbar-hamburger:hover span{background:var(--green)}.navbar-mobile{background:var(--surface);border-bottom:2px solid var(--green);flex-direction:column;gap:12px;padding:16px 24px;display:none}.navbar-mobile.open{display:flex}.navbar-mobile a{font-family:var(--font-head);color:var(--text);letter-spacing:1px;border-bottom:1px solid #333;padding:8px 0;font-size:10px;text-decoration:none}.navbar-mobile a:hover,.navbar-mobile a.active{color:var(--green)}@media (width<=680px){.navbar-links{display:none}.navbar-hamburger{display:flex}}.footer{background:var(--surface);border-top:2px solid var(--green);margin-top:auto;padding:32px 0}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.footer-copy{font-family:var(--font-head);color:var(--muted);font-size:9px}.footer-nav{gap:24px;list-style:none;display:flex}.footer-nav a{font-family:var(--font-head);color:var(--muted);font-size:9px}.footer-nav a:hover{color:var(--green)}.footer-email{font-family:var(--font-head);color:var(--muted);text-align:right;font-size:9px}.footer-email a{color:var(--green)}.footer-email a:hover{color:var(--green-hi)}@media (width<=680px){.footer-inner{text-align:center;grid-template-columns:1fr}.footer-nav{flex-wrap:wrap;justify-content:center;gap:16px}.footer-email{text-align:center}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=700px){.projects-grid{grid-template-columns:1fr}}.project-card{flex-direction:column;gap:14px;display:flex}.project-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.project-card-title{font-family:var(--font-head);color:var(--text);font-size:13px}.project-card-tags{flex-wrap:wrap;gap:8px;display:flex}.project-card-desc{color:var(--muted);flex:1;font-size:20px}.project-card-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.team-grid{flex-wrap:wrap;gap:24px;display:flex}.team-card{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:180px;padding:28px;display:flex}.team-avatar{background:var(--green);width:72px;height:72px;font-family:var(--font-head);color:var(--bg);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.team-name{font-family:var(--font-head);color:var(--text);font-size:11px}.team-role{color:var(--muted);font-size:18px}.contact-form{flex-direction:column;gap:16px;max-width:540px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{font-family:var(--font-head);color:var(--muted);letter-spacing:1px;font-size:9px}.form-field input,.form-field textarea{font-family:var(--font-body);background:var(--surface);color:var(--text);resize:vertical;border:2px solid #444;border-radius:0;outline:none;padding:12px 14px;font-size:20px;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--green)}.form-field textarea{min-height:120px}.form-success{font-family:var(--font-head);color:var(--green);border:2px solid var(--green);margin-top:8px;padding:16px;font-size:11px;display:none}.text-green{color:var(--green)}.text-muted{color:var(--muted)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}