.spark-landing{--sl-background:220 30% 5%;--sl-foreground:210 20% 92%;--sl-card:220 20% 9%;--sl-card-foreground:210 20% 92%;--sl-popover:220 20% 9%;--sl-popover-foreground:210 20% 92%;--sl-primary:183 100% 50%;--sl-primary-foreground:220 30% 5%;--sl-secondary:239 84% 67%;--sl-secondary-foreground:210 20% 98%;--sl-muted:220 15% 15%;--sl-muted-foreground:215 15% 55%;--sl-accent:220 15% 15%;--sl-accent-foreground:210 20% 92%;--sl-destructive:0 84% 60%;--sl-destructive-foreground:210 40% 98%;--sl-border:220 15% 17%;--sl-input:220 15% 17%;--sl-ring:183 100% 50%;--sl-cyber-glow:183 100% 50%;--sl-indigo:239 84% 67%;--sl-glass-bg:220 20% 11%;--sl-glass-border:220 15% 21%;--font-spark-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-spark-display:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-spark-body)}.spark-landing h1,.spark-landing h2,.spark-landing h3,.spark-landing h4,.spark-landing h5,.spark-landing h6{font-family:var(--font-spark-display)}@keyframes spark-grid-pulse{0%,to{opacity:.03}50%{opacity:.06}}.spark-landing .cyber-grid{background-image:linear-gradient(hsl(var(--sl-primary) / .08) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--sl-primary) / .08) 1px, transparent 1px);background-size:60px 60px;animation:8s ease-in-out infinite spark-grid-pulse}.spark-landing .bg-scan-lines{background:repeating-linear-gradient(0deg, transparent, transparent 2px, hsl(var(--sl-primary) / .03) 2px, hsl(var(--sl-primary) / .03) 4px)}.spark-landing .glass-card{border:1px solid hsl(var(--sl-border) / .5);-webkit-backdrop-filter:blur(24px);background:hsl(var(--sl-card) / .5);box-shadow:0 0 30px -10px hsl(var(--sl-primary) / .05);border-radius:.75rem}.spark-landing .glass-card-hover{border:1px solid hsl(var(--sl-border) / .5);-webkit-backdrop-filter:blur(24px);background:hsl(var(--sl-card) / .5);box-shadow:0 0 30px -10px hsl(var(--sl-primary) / .05);border-radius:.75rem;transition:all .5s;position:relative;overflow:hidden}.spark-landing .glass-card-hover:hover{border-color:hsl(var(--sl-primary) / .3);box-shadow:0 0 40px -10px hsl(var(--sl-primary) / .15)}@keyframes spark-radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spark-landing .glass-card-hover:before{content:"";pointer-events:none;opacity:0;background:conic-gradient(from 0deg, transparent, hsl(var(--sl-primary) / .06), transparent 60%);transition:opacity .5s;animation:3s linear infinite paused spark-radar-sweep;position:absolute;inset:0}.spark-landing .glass-card-hover:hover:before{opacity:1;animation-play-state:running}.spark-landing .hud-corners{position:relative}.spark-landing .hud-corners:after{content:"";pointer-events:none;opacity:0;border:1px solid hsl(var(--sl-primary) / .4);clip-path:polygon(0 0,12px 0,12px 1px,1px 1px,1px 12px,0 12px,0 calc(100% - 12px),1px calc(100% - 12px),1px calc(100% - 1px),12px calc(100% - 1px),12px 100%,0 100%,100% 100%,calc(100% - 12px) 100%,calc(100% - 12px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 12px),100% calc(100% - 12px),100% 12px,calc(100% - 1px) 12px,calc(100% - 1px) 1px,calc(100% - 12px) 1px,calc(100% - 12px) 0,100% 0);transition:opacity .3s;position:absolute;inset:0}.spark-landing .hud-corners:hover:after{opacity:1}.spark-landing .glow-button{background:hsl(var(--sl-primary));color:hsl(var(--sl-primary-foreground));box-shadow:0 0 20px hsl(var(--sl-primary) / .3), 0 0 40px hsl(var(--sl-primary) / .1);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.spark-landing .glow-button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff26 45%,#0000 50%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.spark-landing .glow-button:hover{box-shadow:0 0 30px hsl(var(--sl-primary) / .5), 0 0 60px hsl(var(--sl-primary) / .2);transform:translateY(-1px)}.spark-landing .glow-button:hover:after{transform:translate(100%)}.spark-landing .section-heading{font-family:var(--font-spark-display);letter-spacing:-.025em;font-size:1.875rem;font-weight:700}@media (min-width:768px){.spark-landing .section-heading{font-size:2.25rem}}@media (min-width:1024px){.spark-landing .section-heading{font-size:3rem}}.spark-landing .gradient-line{background:linear-gradient(90deg, transparent, hsl(var(--sl-primary) / .5), transparent);width:100%;height:1px}@keyframes spark-scan-move{0%,to{opacity:0;top:0}50%{opacity:1}to{top:100%}}.spark-landing .scan-line{pointer-events:none;position:absolute;inset:0;overflow:hidden}.spark-landing .scan-line:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--sl-primary) / .6), transparent);width:100%;height:1px;animation:3s ease-in-out infinite spark-scan-move;position:absolute;left:0}@keyframes spark-orbit{0%{transform:rotate(0deg) translateX(var(--radius,120px)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--radius,120px)) rotate(-360deg)}}.spark-landing .particle-orbit{animation:spark-orbit var(--duration,8s) linear infinite;border-radius:9999px;position:absolute}@keyframes spark-glitch{0%,90%,to{filter:none;transform:translate(0)}92%{filter:hue-rotate(90deg);transform:translate(-2px,1px)}94%{filter:hue-rotate(-90deg);transform:translate(2px,-1px)}96%{filter:hue-rotate(45deg);transform:translate(-1px,-1px)}98%{filter:none;transform:translate(1px,1px)}}.spark-landing .glitch-effect{animation:4s ease-in-out infinite spark-glitch}@keyframes spark-data-packet{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.spark-landing .data-packet{background:hsl(var(--sl-primary));width:.5rem;height:.5rem;box-shadow:0 0 8px hsl(var(--sl-primary) / .8), 0 0 16px hsl(var(--sl-primary) / .4);border-radius:9999px;animation:2.5s ease-in-out infinite spark-data-packet;position:absolute;top:-3px}.spark-landing .nav-scrolled{border-color:hsl(var(--sl-primary) / .2);box-shadow:0 1px 20px -5px hsl(var(--sl-primary) / .1)}.spark-landing .text-gradient-cyan{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg, hsl(var(--sl-primary)), hsl(var(--sl-indigo)))}@keyframes plan-highlight{0%{box-shadow:inset 0 0 0 0 hsl(var(--sl-primary) / .45)}40%{box-shadow:inset 0 0 0 9999px hsl(var(--sl-primary) / .12)}to{box-shadow:inset 0 0 0 0 hsl(var(--sl-primary) / .08)}}.spark-landing .plan-col-pulse{animation:2s ease-out forwards plan-highlight}
