:root{--bg-primary:#0a0a1a;--bg-secondary:#0d0d2b;--bg-surface:#0d0d2bd9;--neon-cyan:#00f0ff;--neon-blue:#0080ff;--neon-cyan-dim:#00f0ff14;--neon-cyan-glow:#00f0ff66;--text-primary:#c8d8e8;--text-heading:#fff;--text-muted:#6b7a99;--border-subtle:#00f0ff1a;--border-glow:#00f0ff59;--glow-sm:0 0 8px #00f0ff4d;--glow-md:0 0 16px #00f0ff59, 0 0 32px #00f0ff1f;--glow-lg:0 0 20px #00f0ff73, 0 0 60px #00f0ff2e;--glow-text:0 0 10px #00f0ffb3, 0 0 24px #00f0ff59;--font-heading:"Orbitron", "Segoe UI", system-ui, sans-serif;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "Fira Code", ui-monospace, Consolas, monospace;--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:96px;--max-width:1200px;--transition-fast:.15s ease;--transition-normal:.3s ease;font:17px/1.65 var(--font-sans);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(#00f0ff06 1px,#0000 1px),linear-gradient(90deg,#00f0ff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}@media (width<=768px){body:before{background-size:40px 40px}}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-heading);color:var(--text-heading);margin:0;font-weight:600}p{margin:0}a{color:var(--neon-cyan);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}.btn-neon{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);background:0 0;align-items:center;gap:8px;padding:12px 32px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-neon:hover{background:var(--neon-cyan-dim);box-shadow:var(--glow-md);color:var(--neon-cyan);opacity:1}.btn-neon-secondary{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);background:0 0;border:1px solid #00f0ff4d;align-items:center;gap:8px;padding:12px 32px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-neon-secondary:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-sm);opacity:1}.section-inner{max-width:var(--max-width);padding:var(--space-xl) var(--space-md);margin:0 auto}@media (width<=1024px){.section-inner{padding:var(--space-lg) var(--space-sm)}}@media (width<=768px){.section-inner{padding:var(--space-md) var(--space-sm)}}.section-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:var(--space-sm);font-size:.75rem}.section-title{color:var(--text-heading);margin-bottom:var(--space-sm);font-size:clamp(1.75rem,3vw,2.5rem)}.section-divider{background:var(--neon-cyan);width:48px;height:2px;box-shadow:var(--glow-sm);margin:var(--space-sm) 0 var(--space-md)}[data-reveal]{transition:opacity .65s ease-out,transform .65s ease-out}[data-reveal=grow]{transform-origin:0;transition-duration:.5s}[data-reveal]:not(.is-revealed){opacity:0}[data-reveal=up]:not(.is-revealed){transform:translate(0)translateY(28px)scaleX(1)}[data-reveal=left]:not(.is-revealed){transform:translate(-24px)translateY(0)scaleX(1)}[data-reveal=grow]:not(.is-revealed){transform:translate(0)translateY(0)scaleX(0)}[data-reveal].is-revealed{transform:translate(0)translateY(0)scaleX(1)}[data-reveal-delay="1"]{transition-delay:80ms}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}[data-reveal-delay="4"]{transition-delay:.32s}@media (prefers-reduced-motion:reduce){[data-reveal]:not(.is-revealed){opacity:1;transition:none;transform:none}}.header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 var(--border-subtle), 0 0 20px #00f0ff0d;background:#0a0a1ad9;position:sticky;top:0}.header-inner{max-width:var(--max-width);padding:0 var(--space-md);justify-content:space-between;align-items:center;height:68px;margin:0 auto;display:flex}@media (width<=768px){.header-inner{padding:0 var(--space-sm)}}.header-logo{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:2px;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.header-logo:hover{opacity:1}.header-logo-bez{color:var(--text-heading)}.header-logo-tech{color:var(--neon-cyan);text-shadow:var(--glow-text)}.header-nav{align-items:center;gap:var(--space-md);display:flex}@media (width<=768px){.header-nav{gap:var(--space-sm)}}.header-nav-link{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);transition:color var(--transition-fast);font-size:.8rem;text-decoration:none}.header-nav-link:hover{color:var(--neon-cyan);opacity:1}@media (width<=640px){.header-nav-link{display:none}}.header-cta{padding:8px 20px;font-size:.75rem}@media (width<=480px){.header-cta{display:none}}.hero{justify-content:center;align-items:center;min-height:calc(100svh - 68px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#00f0ff0d 0%,#0000 65%);width:800px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-scan{background:linear-gradient(90deg, transparent 0%, var(--neon-cyan) 50%, transparent 100%);opacity:.12;pointer-events:none;height:2px;animation:10s linear infinite hero-scanline;position:absolute;top:0;left:0;right:0}@keyframes hero-scanline{0%{top:0%}to{top:100%}}.hero-inner{z-index:1;text-align:center;padding:var(--space-lg) var(--space-md);max-width:900px;position:relative}.hero-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--neon-cyan);margin-bottom:var(--space-md);opacity:.85;font-size:.8rem}.hero-title{color:var(--text-heading);letter-spacing:-1px;margin-bottom:var(--space-md);font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;line-height:1.1}.hero-title-accent{color:var(--neon-cyan);text-shadow:var(--glow-text)}.hero-subtitle{color:var(--text-primary);margin-bottom:var(--space-lg);opacity:.85;font-size:clamp(1rem,2vw,1.15rem);line-height:1.7}@media (width<=640px){.hero-br{display:none}}.hero-ctas{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.services{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.services-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}@media (width<=768px){.services-grid{grid-template-columns:1fr}}.services-grid>[data-reveal]{flex-direction:column;display:flex}.services-grid>[data-reveal]>.service-card{flex:1}.service-card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);position:relative}.service-card:hover{border-color:var(--border-glow);box-shadow:var(--glow-sm);background:#00f0ff08}.service-card-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 8px #00f0ff80);margin-bottom:var(--space-sm);transition:filter var(--transition-normal);display:block}.service-card:hover .service-card-icon{filter:drop-shadow(0 0 12px #00f0ffcc)}.service-card-title{color:var(--text-heading);margin-bottom:var(--space-xs);letter-spacing:.5px;font-size:1.05rem;font-weight:600}.service-card-desc{color:var(--text-primary);opacity:.85;font-size:.9rem;line-height:1.65}.about{background:var(--bg-primary)}.about-intro{color:var(--text-primary);max-width:640px;margin-bottom:var(--space-lg);opacity:.9;font-size:1.05rem;line-height:1.75}.about-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr}}.about-grid>[data-reveal]{flex-direction:column;display:flex}.about-grid>[data-reveal]>.about-card{flex:1}.about-card{padding:var(--space-md);border:1px solid var(--border-subtle);background:var(--bg-surface);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}.about-card:before{content:"";border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);width:24px;height:24px;position:absolute;top:-1px;left:-1px;box-shadow:-2px -2px 6px #00f0ff33}.about-card:hover{border-color:var(--border-glow);box-shadow:var(--glow-sm)}.about-card-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 6px #00f0ff66);margin-bottom:var(--space-xs);transition:filter var(--transition-normal);display:block}.about-card:hover .about-card-icon{filter:drop-shadow(0 0 10px #00f0ffb3)}.about-card-title{color:var(--neon-cyan);margin-bottom:var(--space-xs);letter-spacing:.5px;font-size:1rem;font-weight:600}.about-card-desc{color:var(--text-primary);opacity:.85;font-size:.9rem;line-height:1.65}.contact{background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.contact .section-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-divider{margin:var(--space-sm) auto var(--space-md)}.contact-subtitle{color:var(--text-primary);max-width:560px;margin-bottom:var(--space-lg);opacity:.85;font-size:1.05rem;line-height:1.75}.contact-form{gap:var(--space-sm);width:100%;max-width:640px;margin-bottom:var(--space-lg);flex-direction:column;display:flex}.contact-form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}@media (width<=560px){.contact-form-row{grid-template-columns:1fr}}.contact-field{text-align:left;flex-direction:column;gap:6px;display:flex}.contact-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--neon-cyan);opacity:.75;font-size:.7rem}.contact-required{color:var(--neon-cyan);opacity:1}.contact-input{border:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00000059;border-radius:4px;outline:none;width:100%;padding:10px 14px;font-size:.95rem}.contact-input:focus{border-color:var(--border-glow);box-shadow:var(--glow-sm)}.contact-input:disabled{opacity:.5;cursor:not-allowed}.contact-textarea{resize:vertical;min-height:120px}.contact-error{color:#ff4d6d;margin:0;font-size:.875rem}.contact-submit{margin-top:var(--space-xs);align-self:flex-start}@media (width<=560px){.contact-submit{text-align:center;align-self:stretch}}.contact-success{margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-glow);box-shadow:var(--glow-sm);text-align:center;border-radius:6px}.contact-success-title{font-family:var(--font-heading);color:var(--neon-cyan);text-shadow:var(--glow-text);margin:0 0 6px;font-size:1.1rem}.contact-success-body{color:var(--text-primary);opacity:.8;margin:0}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.footer-inner{max-width:var(--max-width);padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:0 auto;display:flex}@media (width<=640px){.footer-inner{text-align:center;padding:var(--space-md) var(--space-sm);flex-direction:column}}.footer-logo{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:700}.footer-logo-bez{color:var(--text-heading)}.footer-logo-tech{color:var(--neon-cyan);text-shadow:0 0 8px #00f0ff80}.footer-nav{gap:var(--space-md);display:flex}@media (width<=640px){.footer-nav{gap:var(--space-sm)}}.footer-nav-link{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);transition:color var(--transition-fast);font-size:.75rem;text-decoration:none}.footer-nav-link:hover{color:var(--neon-cyan);opacity:1}.footer-copy{color:var(--text-muted);font-size:.8rem;line-height:1.5}main{flex:1}
