:root{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{position:relative;z-index:999;border:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-2px) scale(1.05)}.site-shell{position:relative;min-height:100vh;overflow:hidden;opacity:0;transition:opacity 1s ease}.site-shell.is-visible{opacity:1}.grid-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px);background-size:50px 50px}.floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-element{position:absolute;top:0;display:block;border:1px solid rgba(0,255,65,.2);border-radius:4px;background:#00ff411a;opacity:0;animation:float 15s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.site-header{position:fixed;z-index:50;top:0;width:100%;border-bottom:1px solid rgba(34,197,94,.2);background:#0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;width:100%;align-items:center;justify-content:flex-end;padding:16px 24px}.contact-button{padding:8px 16px;border-radius:8px;background:#00ff41;color:#000;font-weight:500;line-height:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.contact-button:hover,.service-button--primary:hover{background:#4ade80;box-shadow:0 10px 15px -3px #22c55e40,0 4px 6px -4px #22c55e40}.site-main{position:relative;z-index:10;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:80px 24px 0}.hero-layout{display:grid;width:max-content;max-width:100%;margin-inline:auto;grid-template-columns:minmax(0,1fr);align-items:center;gap:48px}.left-panel{display:flex;min-width:0;flex-direction:column;gap:32px}.intro{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.brand-row{display:flex;align-items:center;justify-content:center;gap:16px}.brand-logo{width:64px;height:64px;flex:0 0 auto;object-fit:contain}h1{margin:0;color:#fff;font-size:30px;font-weight:700;line-height:37.5px;letter-spacing:.025em}.service-description{color:#9ca3af;font-size:20px;font-weight:500;line-height:25px;text-align:center}.service-description p{margin:0}.service-description span{display:block;margin-top:8px;color:#00ff41;font-size:16px;font-weight:600;line-height:24px}.service-grid{position:relative;z-index:20;display:grid;width:100%;max-width:672px;margin-inline:auto;padding-top:24px;grid-template-columns:minmax(0,1fr);gap:16px}.service-button{min-height:56px;padding:16px 24px;border-radius:8px;font-weight:500;line-height:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.service-button--danger{background:#dc2626;color:#fff}.service-button--danger:hover{background:#b91c1c;box-shadow:0 10px 15px -3px #ef444440,0 4px 6px -4px #ef444440}.service-button--info{background:#2563eb;color:#fff}.service-button--info:hover{background:#1d4ed8;box-shadow:0 10px 15px -3px #3b82f640,0 4px 6px -4px #3b82f640}.service-button--warning{background:#ea580c;color:#fff}.service-button--warning:hover{background:#c2410c;box-shadow:0 10px 15px -3px #f9731640,0 4px 6px -4px #f9731640}.service-button--primary{background:#00ff41;color:#000}.terminal-panel{position:relative;display:none;padding:32px;border:1px solid rgba(0,255,65,.2);border-radius:20px;background:linear-gradient(135deg,#00ff411a,#00d4aa1a,#0099cc1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-dots{display:flex;align-items:center;gap:12px}.terminal-dot{width:12px;height:12px;border-radius:999px}.terminal-dot--red{background:#ef4444}.terminal-dot--yellow{background:#eab308}.terminal-dot--green{background:#22c55e}.terminal-copy{min-height:60px;margin:24px 0 0;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:20px}.pulse-dot{position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:999px;background:#00ff41;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.site-footer{position:fixed;z-index:40;bottom:0;width:100%;border-top:1px solid rgba(34,197,94,.1);background:#0000004d;padding:12px 0;line-height:16px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-footer p{margin:0;font-size:12px;line-height:16px;letter-spacing:.025em}.site-footer a{color:#6b7280;text-decoration:none;transition:color .15s ease}.site-footer a:hover{color:#00ff41}.modal-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080}.modal-card{position:relative;width:min(384px,calc(100% - 32px));padding:32px;border-radius:8px;background:#fff;color:#1f2937;text-align:center}.modal-close{position:absolute;top:12px;right:12px;display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border-radius:999px;background:transparent;color:#9ca3af;font-size:20px;font-weight:700;line-height:28px}.modal-close:hover{background:#f3f4f6;color:#4b5563}.modal-card h2{margin:0 0 24px;color:#1f2937;font-size:18px;font-weight:500;line-height:28px}.customer-qr{display:block;width:192px;height:192px;margin:0 auto 24px;border:1px solid #e5e7eb;object-fit:contain}.modal-card p{margin:0;color:#4b5563;font-size:14px;line-height:20px}.cursor-glow{position:fixed;z-index:9999;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,65,.3) 0%,transparent 70%);pointer-events:none;transition:transform .1s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(135deg,#00ff41,#00d4aa)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00d4aa,#00ff41)}@media(min-width:640px){.brand-logo{width:80px;height:80px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.hero-layout{width:min(100%,1152px);grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:48px;line-height:48px}.terminal-panel{display:block}}