.clx{--clx-font: "Inter", "Hind Siliguri", "Noto Sans Bengali", system-ui, sans-serif;--clx-mono: "JetBrains Mono", Consolas, monospace;--clx-grad: linear-gradient(100deg, var(--ds-accent) 0%, #A855F7 50%, #22D3EE 100%);min-height:100vh;padding-bottom:96px;background:var(--ds-bg);font-family:var(--clx-font);overflow-x:clip;transition:background .3s}.clx-hero{position:relative;padding:118px 0 80px}.clx-dots{position:absolute;inset:0;background-image:radial-gradient(var(--ds-dot) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 65% 70% at 70% 40%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 65% 70% at 70% 40%,#000 0%,transparent 72%);pointer-events:none}.clx-glow{position:absolute;top:6%;right:-6%;width:58%;height:80%;background:radial-gradient(ellipse at 60% 50%,rgba(37,99,235,.42) 0%,transparent 60%),radial-gradient(ellipse at 30% 40%,rgba(168,85,247,.34) 0%,transparent 58%),radial-gradient(ellipse at 70% 80%,rgba(34,211,238,.22) 0%,transparent 55%);filter:blur(40px);pointer-events:none}html.light .clx-glow{opacity:.55}.clx-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;max-width:1300px}.clx-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;color:var(--ds-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.clx-back:hover{color:var(--ds-accent)}.clx-back svg{transition:transform .2s}.clx-back:hover svg{transform:translate(-3px)}.clx-eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ds-accent) 35%,transparent);background:var(--ds-accent-soft);color:var(--ds-accent);font-family:var(--clx-mono);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.clx-eyebrow-sep{color:var(--ds-muted);text-transform:none;letter-spacing:0;font-weight:500}.clx-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:#22c55e}.clx-pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22C55E;opacity:0;animation:clx-ping 2s ease-out infinite}.clx-title{margin:0 0 22px;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:800;line-height:1.04;letter-spacing:-.04em;color:var(--ds-fg)}.clx-grad{display:inline-block;background:var(--clx-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:clx-shift 8s ease-in-out infinite alternate}.clx-intro{max-width:48ch;margin:0 0 34px;font-size:17px;line-height:1.75;color:var(--ds-muted)}.clx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:40px}.clx-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:12px;background:var(--ds-btn-bg);color:var(--ds-btn-fg);font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px -12px #5b8cffb3;transition:transform .2s,box-shadow .2s}.clx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px #5b8cffe6}.clx-btn svg{transition:transform .2s}.clx-btn:hover svg{transform:translate(4px)}.clx-btn-ghost{display:inline-flex;align-items:center;gap:9px;padding:15px 22px;border-radius:12px;border:1px solid var(--ds-card-b);background:var(--ds-card);color:var(--ds-fg);font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}.clx-btn-ghost:hover{border-color:var(--ds-accent);color:var(--ds-accent)}.clx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.clx-stats li{display:grid;gap:2px;padding:14px 14px 12px;border-radius:14px;border:1px solid var(--ds-card-b);background:color-mix(in srgb,var(--ds-card) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clx-stats svg{color:var(--ds-accent);margin-bottom:6px}.clx-stats strong{font-size:22px;font-weight:800;color:var(--ds-fg);line-height:1.1}.clx-stats span{font-size:12.5px;color:var(--ds-muted);line-height:1.3}.clx-stage{position:relative;padding:30px 0 46px 30px}.clx-win{overflow:hidden;border-radius:16px;background:var(--ds-panel);border:1px solid var(--ds-panel-b);box-shadow:var(--ds-shadow)}.clx-win-top{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff06}.clx-win-top i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.clx-win-top i:nth-child(2){background:#febc2e}.clx-win-top i:nth-child(3){background:#28c840}.clx-win-file{margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#9aa6c4;font-family:var(--clx-mono);font-size:12.5px}.clx-win-lang{margin-left:auto;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff;font-family:var(--clx-mono);font-size:11px;font-weight:700}.clx-win-back{position:absolute;top:0;right:-18px;width:78%;height:72%;transform:rotate(4deg);opacity:.55}.clx-skel{display:grid;gap:12px;padding:22px}.clx-skel span{height:9px;border-radius:5px;background:#ffffff14}.clx-win-front{position:relative;box-shadow:var(--ds-shadow),0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent),0 30px 80px -30px color-mix(in srgb,var(--c) 70%,transparent);animation:clx-float 7s ease-in-out infinite}.clx-code pre,pre.clx-code{margin:0;padding:18px 20px;overflow-x:auto;background:transparent!important;font-family:var(--clx-mono);font-size:14px;line-height:1.7;tab-size:4}.clx-plain{color:#e6eaf5}.clx-bubble{position:absolute;z-index:2;border-radius:14px;border:1px solid var(--ds-card-b);background:color-mix(in srgb,var(--ds-card) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--ds-shadow-sm),0 18px 40px -18px #00000080}.clx-bubble-explain{left:-10px;bottom:0;display:flex;gap:12px;max-width:330px;padding:13px 15px;animation:clx-float 7s ease-in-out -3.5s infinite}.clx-bubble-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:var(--clx-grad);color:#fff}.clx-bubble-explain strong{display:block;font-size:13px;color:var(--ds-accent)}.clx-bubble-explain p{margin:2px 0 0;font-size:13px;line-height:1.55;color:var(--ds-fg)}.clx-bubble-out{top:8px;right:-8px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;background:#0f1a14;border-color:#9be3b033;color:#6fae84;animation:clx-float 6s ease-in-out -1s infinite}.clx-bubble-out code{color:#9be3b0;font-family:var(--clx-mono);font-size:13px}.clx-caret{width:7px;height:15px;background:#9be3b0;animation:clx-blink 1s steps(1) infinite}.clx-sec{position:relative;z-index:1;max-width:1300px;padding-top:36px}.clx-sec-head{margin-bottom:30px;text-align:center}.clx-kicker{margin:0 0 8px;color:var(--ds-accent);font-family:var(--clx-mono);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.clx-sec-head h2{margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--ds-fg)}.clx-sec-head p:not(.clx-kicker){max-width:52ch;margin:10px auto 0;color:var(--ds-muted);font-size:15px;line-height:1.65}.clx-empty{text-align:center;padding:60px 0;color:var(--ds-muted)}.clx-card{position:relative;display:grid;overflow:hidden;border-radius:22px;border:1px solid transparent;background:linear-gradient(var(--ds-card),var(--ds-card)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--c) 70%,transparent),var(--ds-card-b) 38%,var(--ds-card-b) 62%,color-mix(in srgb,#A855F7 50%,transparent)) border-box;color:var(--ds-fg);text-decoration:none;box-shadow:var(--ds-shadow-sm);transition:transform .25s,box-shadow .25s}.clx-card:before{content:"";position:absolute;top:-40%;left:-10%;width:60%;height:90%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent) 0%,transparent 65%);pointer-events:none;transition:opacity .3s;opacity:.7}.clx-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-sm),0 30px 70px -30px color-mix(in srgb,var(--c) 75%,transparent)}.clx-card:hover:before{opacity:1}.clx-card-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.clx-card-body{position:relative;display:flex;flex-direction:column;padding:30px}.clx-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.clx-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 28%,transparent),color-mix(in srgb,var(--c) 8%,transparent));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);color:var(--c)}.clx-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.clx-badge{padding:4px 11px;border-radius:999px;border:1px solid var(--ds-card-b);color:var(--ds-muted);font-size:12px;font-weight:600}.clx-badge-solid{border-color:transparent;background:var(--ds-panel);color:#e6eaf5;font-family:var(--clx-mono)}.clx-card h3{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}.clx-card-sub{margin:6px 0 0;color:var(--c);font-size:15px;font-weight:500;filter:brightness(1.15)}.clx-card-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 0;color:var(--ds-muted);font-size:14.5px;line-height:1.7}.clx-topics{margin-top:22px}.clx-bar{display:flex;gap:4px;height:8px}.clx-bar i{border-radius:4px;transition:filter .2s}.clx-bar i:hover{filter:brightness(1.25)}.clx-topics ul{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}.clx-topics li{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--gc) 12%,transparent);color:var(--ds-fg);font-size:13px}.clx-topics li i{width:7px;height:7px;border-radius:2px;background:var(--gc)}.clx-topics li b{color:var(--gc);font-family:var(--clx-mono);font-size:12px}.clx-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:26px}.clx-count{color:var(--ds-muted);font-size:14px}.clx-count strong{color:var(--ds-fg);font-size:22px;font-weight:800;margin-right:2px}.clx-open{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;background:var(--c);color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 24px -12px var(--c)}.clx-open svg{transition:transform .2s}.clx-card:hover .clx-open svg{transform:translate(4px)}.clx-card-code{position:relative;margin:18px 18px 18px 0;overflow:hidden;border-radius:16px;background:var(--ds-panel);border:1px solid var(--ds-panel-b)}.clx-card-code .clx-code{max-height:380px;overflow:hidden}.clx-card-code-fade{position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--ds-panel));pointer-events:none}.clx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.clx-grid .clx-card h3{font-size:1.25rem}.clx-grid .clx-icon{width:52px;height:52px;border-radius:15px}.clx-how{padding-top:80px}.clx-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.clx-steps:before{content:"";position:absolute;top:58px;left:16%;right:16%;border-top:2px dashed var(--ds-line)}.clx-steps li{position:relative;padding:28px 24px;border-radius:20px;border:1px solid var(--ds-card-b);background:var(--ds-card);text-align:center;transition:transform .25s,border-color .25s}.clx-steps li:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gc) 50%,transparent)}.clx-step-num{position:absolute;top:16px;right:18px;color:color-mix(in srgb,var(--gc) 55%,transparent);font-family:var(--clx-mono);font-size:13px;font-weight:700}.clx-step-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:16px;border-radius:18px;background:var(--gc);color:#fff;box-shadow:0 14px 30px -12px var(--gc)}.clx-steps h3{margin:0 0 8px;font-size:1.1rem;font-weight:700;color:var(--ds-fg)}.clx-steps p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ds-muted)}@keyframes clx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes clx-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes clx-blink{50%{opacity:0}}@keyframes clx-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.clx-win-front,.clx-bubble,.clx-grad,.clx-pulse:after,.clx-caret{animation:none}.clx-card,.clx-steps li,.clx-btn{transition:none}}@media(max-width:1100px){.clx-hero-grid{grid-template-columns:1fr;gap:40px}.clx-stage{max-width:640px}.clx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.clx-card-feature{grid-template-columns:1fr}.clx-card-code{margin:0 18px 18px}.clx-card-code .clx-code{max-height:260px}.clx-steps{grid-template-columns:1fr}.clx-steps:before{display:none}}@media(max-width:640px){.clx-hero{padding:92px 0 56px}.clx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.clx-stage{padding:20px 0 64px}.clx-win-back{display:none}.clx-bubble-explain{left:8px;right:8px;max-width:none}.clx-bubble-out{right:6px;top:-4px}.clx-code pre,pre.clx-code{font-size:12.5px;padding:14px}.clx-grid{grid-template-columns:1fr}.clx-card-body{padding:22px}.clx-card h3{font-size:1.3rem}.clx-card-foot{flex-wrap:wrap}}