.sl-root{--sl-bg: #020617;--sl-violet: #8b5cf6;--sl-cyan: #06b6d4;--sl-emerald: #10b981;--sl-orange: #f97316;--sl-border: rgba(255, 255, 255, .08);--sl-muted: #94a3b8;--sl-glow: rgba(139, 92, 246, .25);background:var(--sl-bg);color:#f8fafc;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.sl-bg-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.05) 0%,transparent 40%)}.sl-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 30%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 30%,black 30%,transparent 100%)}.sl-ambient-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(120px)}.sl-orb-1{width:500px;height:500px;top:-100px;left:-100px;background:#8b5cf614}.sl-orb-2{width:400px;height:400px;bottom:-80px;right:-80px;background:#06b6d40f}.sl-container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.sl-hero{padding:140px 0 80px;position:relative;min-height:100vh;display:flex;align-items:center}.sl-hero-split{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.sl-hero-text{max-width:560px}.sl-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;border:1px solid rgba(139,92,246,.3);background:#8b5cf614;color:var(--sl-violet);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px;backdrop-filter:blur(10px)}.sl-h1{font-family:Outfit,system-ui,sans-serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px;color:#fff}.sl-gradient-text{background:linear-gradient(135deg,var(--sl-violet),var(--sl-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-hero-desc{font-size:1.1rem;color:var(--sl-muted);line-height:1.7;margin-bottom:32px;max-width:520px}.sl-hero-stats{display:flex;align-items:center;gap:0;margin-bottom:40px;padding:16px 24px;border-radius:16px;background:#ffffff05;border:1px solid var(--sl-border);backdrop-filter:blur(10px)}.sl-stat{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.sl-stat-num{font-size:1.1rem;font-weight:800;color:var(--sl-violet);letter-spacing:.05em}.sl-stat-label{font-size:.65rem;color:var(--sl-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sl-stat-divider{width:1px;height:32px;background:var(--sl-border)}.sl-btn-group{display:flex;flex-wrap:wrap;gap:14px}.sl-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--sl-violet);color:#fff;font-weight:700;font-size:.95rem;border-radius:99px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px var(--sl-glow)}.sl-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--sl-glow);filter:brightness(1.1)}.sl-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#ffffff08;color:#fff;font-weight:600;font-size:.95rem;border:1px solid var(--sl-border);border-radius:99px;text-decoration:none;backdrop-filter:blur(10px);transition:all .3s ease}.sl-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.sl-hero-visual{display:flex;align-items:center;justify-content:center}.sl-dashboard{width:100%;max-width:600px;background:#0a0f1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 60px #8b5cf614;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);transition:transform .6s ease;backdrop-filter:blur(20px)}.sl-dashboard:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.sl-dash-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#ffffff08;border-bottom:1px solid var(--sl-border)}.sl-dots{display:flex;gap:6px}.sl-dot{width:10px;height:10px;border-radius:50%}.sl-dot.red{background:#ef4444}.sl-dot.yellow{background:#eab308}.sl-dot.green{background:#22c55e}.sl-dash-title{font-family:monospace;font-size:.75rem;color:var(--sl-muted)}.sl-dash-body{display:flex;min-height:320px}.sl-dash-sidebar{width:120px;border-right:1px solid var(--sl-border);padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:#0003}.sl-sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.7rem;font-weight:600;color:var(--sl-muted);transition:all .2s}.sl-sidebar-item.active{background:#8b5cf61a;color:var(--sl-violet);border:1px solid rgba(139,92,246,.2)}.sl-dash-main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.sl-status-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sl-status-item{padding:8px 10px;border-radius:8px;background:#ffffff05;border:1px solid transparent;display:flex;flex-direction:column;gap:4px;transition:all .4s ease}.sl-status-item.active{border-color:var(--sl-border);background:#ffffff0a}.sl-status-dot{width:6px;height:6px;border-radius:50%}.sl-status-label{font-size:.55rem;color:var(--sl-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sl-status-value{font-size:.65rem;color:#fff;font-weight:700}.sl-code-block{background:#0006;border:1px solid var(--sl-border);border-radius:10px;padding:16px;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.8;flex:1}.sl-code-line{display:flex;align-items:center;gap:0;white-space:pre}.sl-line-num{width:24px;color:#ffffff26;font-size:.65rem;text-align:right;margin-right:16px;user-select:none}.sl-c-keyword{color:var(--sl-violet)}.sl-c-string{color:var(--sl-emerald)}.sl-c-number{color:var(--sl-orange)}.sl-c-method{color:var(--sl-cyan)}.sl-cursor{display:inline-block;width:8px;height:16px;background:var(--sl-violet);margin-left:2px;animation:slBlink 1s step-end infinite}@keyframes slBlink{0%,50%{opacity:1}51%,to{opacity:0}}.sl-live-indicator{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--sl-cyan);font-family:monospace}.sl-live-pulse{animation:slPulse 2s infinite}@keyframes slPulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:1024px){.sl-hero-split{grid-template-columns:1fr;gap:60px;text-align:center}.sl-hero-text{max-width:100%;margin:0 auto}.sl-btn-group,.sl-hero-stats{justify-content:center}.sl-dashboard{transform:none;max-width:520px;margin:0 auto}.sl-dashboard:hover{transform:none}}@media(max-width:640px){.sl-hero{padding:120px 0 60px;min-height:auto}.sl-btn-group{flex-direction:column;width:100%}.sl-btn-primary,.sl-btn-secondary{width:100%;justify-content:center}.sl-dash-sidebar{display:none}.sl-status-bar{grid-template-columns:repeat(2,1fr)}.sl-hero-stats{flex-direction:column;gap:12px}.sl-stat-divider{width:40px;height:1px}}