:root{--bg: #000000;--text: #00bfff;--muted: #808080;--card: #1a1a1a;--border: #00bfff;--brand: #ff0080;--accent: #ffff00;--shadow: 4px 4px 0px #00bfff;--pixel-border: 2px solid #00bfff;color-scheme:dark}@media (prefers-color-scheme: dark){:root{color-scheme:dark}html[data-theme=auto] body{background:#000;color:#00bfff}}html[data-theme=dark]{--bg: #000000;--text: #00bfff;--muted: #808080;--card: #1a1a1a;--border: #00bfff;--brand: #ff0080;--accent: #ffff00;--shadow: 4px 4px 0px #00bfff;--pixel-border: 2px solid #00bfff}html[data-theme=light]{--bg: #ffffff;--text: #0066cc;--muted: #666666;--card: #f0f8ff;--border: #0066cc;--brand: #ff0080;--accent: #ff6600;--shadow: 4px 4px 0px #0066cc;--pixel-border: 2px solid #0066cc}html[data-theme=auto]{--bg: #000000;--text: #00bfff;--muted: #808080;--card: #1a1a1a;--border: #00bfff;--brand: #ff0080;--accent: #ffff00;--shadow: 4px 4px 0px #00bfff;--pixel-border: 2px solid #00bfff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:"Press Start 2P",Courier New,monospace;background:var(--bg);color:var(--text);line-height:1.8;font-size:12px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.container{width:min(1120px,92%);margin:0 auto}.section{padding:48px 0}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center}.grid-8{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",Courier New,monospace;text-transform:uppercase;letter-spacing:1px;line-height:1.4}h1{font-size:24px;margin-bottom:16px}h2{font-size:18px;margin-bottom:12px}h3{font-size:14px;margin-bottom:8px}.pixel-text{text-shadow:2px 2px 0px var(--brand);color:var(--accent)}.retro-glow{text-shadow:0 0 8px var(--brand),2px 2px 0px var(--brand)}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:var(--pixel-border)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 0}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--text);text-decoration:none;transition:all .3s ease}.brand:hover{text-decoration:none;transform:translateY(-2px)}.brand .brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border:var(--pixel-border);background:var(--brand);color:#fff;font-weight:800;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .1s ease;box-shadow:var(--shadow)}.brand:hover .brand-mark{transform:translateY(-2px);box-shadow:6px 6px #0f0}.brand.small .brand-mark{width:32px;height:32px;font-size:14px}.brand.small .brand-text{font-size:16px}.site-nav{justify-self:center}.nav-menu{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-menu a{color:var(--text);font-weight:500;text-decoration:none;transition:all .1s ease;padding:8px 12px;position:relative;border:1px solid transparent}.nav-menu a:hover{color:var(--brand);border:var(--pixel-border);background:var(--card);box-shadow:var(--shadow)}.nav-toggle{display:none;background:transparent;border:0;padding:6px}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;border-radius:2px}.theme-toggle{border:var(--pixel-border);background:var(--card);padding:8px 10px;box-shadow:var(--shadow);cursor:pointer}.site-footer{background:var(--card);border-top:var(--pixel-border);padding:60px 0 20px;margin-top:80px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-section h3{color:var(--text);font-size:18px;font-weight:700;margin:0 0 20px}.footer-description{color:var(--muted);line-height:1.6;margin:16px 0 24px;max-width:300px}.footer-contact p{margin:8px 0;color:var(--muted);font-size:14px}.footer-contact a{color:var(--brand);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:12px 0}.footer-links a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:var(--brand)}.footer-bottom{border-top:var(--pixel-border);padding-top:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.copyright{color:var(--muted);margin:0;font-size:14px}.footer-social{display:flex;gap:20px}.footer-social a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.footer-social a:hover{color:var(--brand)}.section-header{text-align:center;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cards.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-art{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:contrast(1.2) brightness(1.1)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,transparent 98%,rgba(0,191,255,.03) 100%),linear-gradient(transparent 98%,#00bfff08);background-size:8px 8px;pointer-events:none;z-index:-1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pixelGlow{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 8px var(--brand),var(--shadow)}}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;border:var(--pixel-border);padding:12px 16px;font-weight:600;text-decoration:none;transition:all .1s ease;font-family:"Press Start 2P",Courier New,monospace;font-size:10px}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:6px 6px #0f0}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--card);transform:translateY(-2px);box-shadow:var(--shadow)}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-fade-in-left{animation:fadeInLeft .4s ease-out}.animate-fade-in-right{animation:fadeInRight .4s ease-out}.animate-pulse{animation:pulse 1s infinite}.animate-float{animation:float 2s ease-in-out infinite}.animate-pixel-glow{animation:pixelGlow 1s ease-in-out infinite}.card{transition:all .1s ease;border:var(--pixel-border);background:var(--card);padding:20px;box-shadow:var(--shadow)}.card:hover{transform:translateY(-4px);box-shadow:6px 6px #0f0}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.about-card{background:var(--card);border:var(--pixel-border);padding:20px;box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.stat .num{display:block;font-weight:800;font-size:28px;color:var(--brand)}.stat .label{display:block;color:var(--muted);font-size:12px}.contact-info{display:grid;gap:20px}.contact-item h3{margin:0 0 8px;color:var(--brand)}.contact-item p{margin:0}input,textarea,select{font-family:"Press Start 2P",Courier New,monospace!important;font-size:10px!important;border:var(--pixel-border)!important;background:var(--card)!important;color:var(--text)!important;padding:8px!important;box-shadow:var(--shadow)!important}input:focus,textarea:focus,select:focus{outline:none!important;box-shadow:0 0 8px var(--brand),var(--shadow)!important}@media (max-width: 960px){.two-col{grid-template-columns:1fr}.hero-cta{justify-content:center}.nav-menu{flex-wrap:wrap;gap:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.services-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom-content{flex-direction:column;text-align:center}}@media (max-width: 640px){.cards{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:20px}.nav-menu{gap:20px}}@media (max-width: 640px){.cards{grid-template-columns:1fr}}
