:root{--background:210 20% 98%;--foreground:220 18% 12%;--card:0 0% 100%;--card-foreground:220 18% 12%;--popover:0 0% 100%;--popover-foreground:220 18% 12%;--primary:158 55% 38%;--primary-foreground:0 0% 100%;--secondary:210 15% 93%;--secondary-foreground:220 18% 20%;--muted:210 15% 95%;--muted-foreground:215 12% 45%;--accent:32 90% 50%;--accent-foreground:32 100% 10%;--destructive:0 72% 50%;--destructive-foreground:0 0% 100%;--border:210 15% 88%;--input:210 15% 88%;--ring:158 55% 38%;--radius:0.85rem}.dark{--background:220 18% 5%;--foreground:160 12% 96%;--card:220 14% 8%;--card-foreground:160 12% 96%;--popover:220 14% 7%;--popover-foreground:160 12% 96%;--primary:158 84% 52%;--primary-foreground:160 100% 7%;--secondary:220 10% 14%;--secondary-foreground:160 12% 96%;--muted:220 10% 11%;--muted-foreground:215 12% 70%;--accent:32 95% 60%;--accent-foreground:32 100% 8%;--destructive:0 75% 58%;--destructive-foreground:0 0% 100%;--border:220 8% 16%;--input:220 8% 16%;--ring:158 84% 52%;--radius:0.85rem}.text-gradient-brand{background-image:linear-gradient(135deg,#6ee7b7,#34d399 35%,#22d3ee 70%,#60a5fa)}.text-gradient-brand,.text-gradient-warm{-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-warm{background-image:linear-gradient(135deg,#fbbf24,#fb923c 50%,#f43f5e)}.bg-grid-faint{background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:36px 36px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,black 40%,transparent 80%)}.bg-noise{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");background-size:180px 180px}.surface-card{background:linear-gradient(180deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.005) 60%,transparent 100%),hsl(var(--card)/.6);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px) saturate(140%)}.surface-card-hover{transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease}.surface-card-hover:hover{border-color:color-mix(in oklch,var(--green) 28%,transparent);transform:translateY(-2px);box-shadow:0 12px 48px -12px rgba(0,0,0,.7),0 0 0 1px color-mix(in oklch,var(--green) 15%,transparent),0 0 40px -10px color-mix(in oklch,var(--green) 18%,transparent)}.glow-emerald{box-shadow:0 0 80px -20px color-mix(in oklch,var(--green) 35%,transparent)}.glow-amber{box-shadow:0 0 80px -20px color-mix(in oklch,var(--amber) 30%,transparent)}.glow-cyan{box-shadow:0 0 80px -20px color-mix(in oklch,var(--cyan) 30%,transparent)}.border-gradient{position:relative}.border-gradient:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,color-mix(in oklch,var(--green) 50%,transparent),color-mix(in oklch,var(--cyan) 30%,transparent),color-mix(in oklch,var(--amber) 40%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-80px) scale(1.1)}66%{transform:translate(-40px,40px) scale(.95)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-70px,60px) scale(1.08)}66%{transform:translate(50px,-50px) scale(.92)}}@keyframes blob-drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-60px) scale(1.12)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes aurora{0%,to{transform:translate(0) rotate(0deg);opacity:.6}50%{transform:translate(-20%,15%) rotate(8deg);opacity:.9}}@keyframes pulse-soft{0%,to{opacity:.7}50%{opacity:1}}@keyframes slide-in-right{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes cart-line-in{0%{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;transform:translateY(-4px)}to{opacity:1;max-height:8rem;transform:translateY(0)}}.animate-blob-1{animation:blob-drift-1 18s ease-in-out infinite}.animate-blob-2{animation:blob-drift-2 22s ease-in-out infinite}.animate-blob-3{animation:blob-drift-3 15s ease-in-out infinite}.animate-fade-up{animation:fade-up .7s cubic-bezier(.22,1,.36,1) both}.animate-fade-in{animation:fade-in .5s ease-out both}.animate-cart-line-in{animation:cart-line-in .45s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.animate-shimmer{background-size:200% auto;animation:shimmer 3s linear infinite}.animate-spin-slow{animation:spin-slow 12s linear infinite}.animate-aurora{animation:aurora 20s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 4s ease-in-out infinite}.animate-slide-in-right{animation:slide-in-right .18s cubic-bezier(.22,1,.36,1) both}@property --cta-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cta-border-spin{to{--cta-angle:360deg}}.btn-glow-border{position:relative;isolation:isolate}.btn-glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from var(--cta-angle),rgba(52,211,153,.7),rgba(34,211,238,.5),rgba(251,191,36,.5),rgba(52,211,153,.7));animation:cta-border-spin 3s linear infinite;z-index:-1;opacity:0;transition:opacity .25s ease}.btn-glow-border:hover:before{opacity:1}.delay-50{animation-delay:50ms}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--green) 25%,transparent);background-clip:padding-box}::-moz-selection{background:color-mix(in oklch,var(--green) 28%,transparent);color:#ecfdf5}::selection{background:color-mix(in oklch,var(--green) 28%,transparent);color:#ecfdf5}html.light ::-moz-selection{background:color-mix(in oklch,var(--green) 22%,transparent);color:#052e16}html.light ::selection{background:color-mix(in oklch,var(--green) 22%,transparent);color:#052e16}.light .bg-grid-faint{background-image:linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.045) 1px,transparent 0)}.light .surface-card{background:linear-gradient(180deg,rgba(255,255,255,.92) 0,rgba(255,255,255,.72) 100%),hsl(var(--card)/.85);border:1px solid rgba(0,0,0,.07);backdrop-filter:blur(14px) saturate(120%)}.light .surface-card-hover:hover{border-color:color-mix(in oklch,var(--green) 28%,transparent);transform:translateY(-2px);box-shadow:0 8px 32px -8px rgba(0,0,0,.12),0 0 0 1px color-mix(in oklch,var(--green) 12%,transparent),0 0 24px -6px color-mix(in oklch,var(--green) 15%,transparent)}.light ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)}.light ::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--green) 30%,transparent);background-clip:padding-box}.light ::-moz-selection{background:color-mix(in oklch,var(--green) 20%,transparent);color:#052e16}.light ::selection{background:color-mix(in oklch,var(--green) 20%,transparent);color:#052e16}:root{--bg:oklch(0.16 0.012 260);--bg-1:oklch(0.19 0.013 260);--bg-2:oklch(0.22 0.013 260);--bg-3:oklch(0.26 0.014 260);--line:oklch(0.30 0.015 260/0.6);--line-strong:oklch(0.40 0.018 260/0.8);--fg:oklch(0.97 0.005 90);--fg-2:oklch(0.82 0.01 90);--fg-3:oklch(0.62 0.012 90);--fg-4:oklch(0.48 0.012 90);--amber:oklch(0.78 0.16 65);--amber-2:oklch(0.62 0.15 55);--cyan:oklch(0.78 0.12 210);--red:oklch(0.68 0.19 25);--green:oklch(0.78 0.14 155);--violet:oklch(0.72 0.14 295);--paper:oklch(0.98 0.004 85);--paper-2:oklch(0.95 0.005 85);--ink:oklch(0.18 0.012 260);--sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--serif:"Instrument Serif","Times New Roman",serif;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px rgba(0,0,0,.4);--shadow-2:0 1px 0 rgba(255,255,255,.05) inset,0 20px 60px -20px rgba(0,0,0,.6)}html.light{--bg:oklch(0.964 0.006 85);--bg-1:oklch(0.986 0.003 85);--bg-2:oklch(0.930 0.008 85);--bg-3:oklch(0.895 0.010 85);--line:oklch(0.78 0.009 85/0.65);--line-strong:oklch(0.55 0.013 260/0.70);--fg:oklch(0.16 0.012 260);--fg-2:oklch(0.30 0.015 260);--fg-3:oklch(0.50 0.012 260);--fg-4:oklch(0.65 0.009 260);--amber:oklch(0.72 0.17 62);--amber-2:oklch(0.58 0.16 55);--cyan:oklch(0.55 0.14 210);--red:oklch(0.55 0.20 25);--green:oklch(0.52 0.16 155);--violet:oklch(0.56 0.16 295);--shadow-1:0 1px 0 rgba(0,0,0,.03) inset,0 1px 3px rgba(0,0,0,.10);--shadow-2:0 1px 0 rgba(0,0,0,.02) inset,0 20px 60px -20px rgba(0,0,0,.14)}.sbs{font-family:var(--sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";height:100%;width:100%;overflow:hidden;position:relative;letter-spacing:-.01em}.sbs *,.sbs :after,.sbs :before{box-sizing:border-box}.sbs button{font:inherit;color:inherit}.mono{font-family:var(--mono);font-feature-settings:"ss01"}.mono,.serif{letter-spacing:-.01em}.serif{font-family:var(--serif);font-weight:400}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.grain:after{content:"";inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay;z-index:2}.aurora,.grain:after{position:absolute;pointer-events:none}.aurora{inset:-20%;filter:blur(80px) saturate(1.2);opacity:.55;z-index:0}.aurora:after,.aurora:before{content:"";position:absolute;border-radius:50%}.aurora:before{width:55%;height:55%;left:-10%;top:-10%;background:radial-gradient(circle,var(--amber),transparent 60%);animation:drift 18s ease-in-out infinite alternate}.aurora:after{width:60%;height:60%;right:-10%;bottom:-20%;background:radial-gradient(circle,var(--cyan),transparent 60%);animation:drift 24s ease-in-out infinite alternate-reverse}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(6%,-4%) scale(1.1)}to{transform:translate(-4%,8%) scale(.95)}}.dots{background-image:radial-gradient(circle,oklch(.45 .02 260/.35) 1px,transparent 1.4px);background-size:18px 18px}.scan{background-image:repeating-linear-gradient(180deg,transparent 0 3px,oklch(1 0 0/.02) 3px 4px)}html.light .dots{background-image:radial-gradient(circle,oklch(.4 .012 260/.18) 1px,transparent 1.4px)}html.light .scan{background-image:repeating-linear-gradient(180deg,transparent 0 3px,oklch(0 0 0/.025) 3px 4px)}.btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.btn:hover{background:var(--bg-3);border-color:var(--line-strong)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--sbs-accent) 50%,transparent)}.btn.primary{background:var(--amber);color:#1a1408;border-color:transparent;box-shadow:0 0 0 1px oklch(.78 .16 65/.4),0 8px 24px -6px oklch(.78 .16 65/.5)}.btn.primary:hover{background:oklch(.82 .16 65)}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover{background:var(--bg-2);color:var(--fg)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;background:var(--bg-2);border:1px solid var(--line);color:var(--fg-2)}.divider{height:1px}.divider,.vdiv{background:var(--line)}.vdiv{width:1px;align-self:stretch}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 oklch(.78 .14 155/.6);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 oklch(.78 .14 155/.5)}70%{box-shadow:0 0 0 8px oklch(.78 .14 155/0)}to{box-shadow:0 0 0 0 oklch(.78 .14 155/0)}}@keyframes tick{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);position:relative}.rtl{direction:rtl}.sbs :focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}.sbs ::-webkit-scrollbar{display:none}.sbs *{scrollbar-width:none}@media (prefers-reduced-motion:reduce){.animate-aurora,.animate-blob-3,.animate-fade-up,.animate-pulse,.animate-pulse-soft{animation:none!important}}