.gb-xcw{--xcw-accent:#FBC11D;--xcw-bg:#151515;--xcw-edge:#2a2a2a;--xcw-text:#f2f2f2;--xcw-muted:#a0a0a0;--xcw-copy:#d0d0d0;font-family:inherit;line-height:1.8;color:var(--xcw-text);box-sizing:border-box;margin:24px 0;width:100%;min-width:0}
.gb-xcw *{box-sizing:border-box;font-family:inherit}
.gb-xcw .gb-xcw-box{position:relative;overflow:hidden;border-radius:16px;padding:24px 22px 22px;background:var(--xcw-bg);border:1px solid var(--xcw-edge);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;transition:border-color .35s}
.gb-xcw .gb-xcw-box:hover{border-color:var(--xcw-accent)}
.gb-xcw .gb-xcw-bar{position:absolute;inset:0 0 auto;height:3px;background:var(--xcw-edge)}
.gb-xcw .gb-xcw-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:right;background:var(--xcw-accent)}
.gb-xcw .gb-xcw-title{margin:0 0 4px!important;font-family:iranyekan,sans-serif;font-size:clamp(18px,2vw,23px)!important;font-weight:900!important;line-height:1.6!important;color:var(--xcw-text)!important}
.gb-xcw .gb-xcw-intro{margin:0 0 14px!important;font-size:14px;color:var(--xcw-muted)!important;line-height:1.9}
.gb-xcw .gb-xcw-chips{display:flex;flex-wrap:wrap;gap:8px}
.gb-xcw .gb-xcw-chip{appearance:none;font-size:13px;line-height:1.8;padding:5px 16px;min-height:36px;border-radius:8px;border:1px solid var(--xcw-edge);color:var(--xcw-muted)!important;background:transparent!important;cursor:pointer;box-shadow:none;transition:background .25s,color .25s,border-color .25s}
.gb-xcw .gb-xcw-chip.is-active{color:#111!important;border-color:var(--xcw-accent)!important;background:var(--xcw-accent)!important;font-weight:700}
.gb-xcw .gb-xcw-description{min-height:26px;margin:10px 0 0!important;font-size:13.5px;line-height:1.9;color:var(--xcw-copy)!important}
.gb-xcw .gb-xcw-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;font-weight:700;font-size:15px;color:#111!important;background:var(--xcw-accent)!important;padding:13px 24px;border:0;border-radius:10px;white-space:normal;text-align:center;transition:transform .25s;box-shadow:none}
.gb-xcw .gb-xcw-button:hover{transform:translateY(-2px)}
.gb-xcw .gb-xcw-button svg{width:18px;height:18px;flex-shrink:0;transition:transform .25s;color:inherit;stroke:currentColor}
.gb-xcw .gb-xcw-button:hover svg{transform:translateX(-4px)}
.gb-xcw .gb-xcw-chip:focus-visible,.gb-xcw .gb-xcw-button:focus-visible{outline:2px solid var(--xcw-accent);outline-offset:4px}
html[data-gb-theme=light] .gb-xcw{--xcw-bg:#f7f7f7;--xcw-edge:#d6d6d6;--xcw-text:#202020;--xcw-muted:#616161;--xcw-copy:#444}
html[data-gb-theme=light]:is(html,#gb-appearance-root) .gb-xcw .gb-xcw-box{background:var(--xcw-bg)!important;border-color:var(--xcw-edge)!important}
@media(max-width:900px){.gb-xcw .gb-xcw-box{grid-template-columns:minmax(0,1fr)}.gb-xcw .gb-xcw-button{width:100%}}
@media(max-width:480px){.gb-xcw .gb-xcw-box{padding:20px 16px 18px;gap:18px}.gb-xcw .gb-xcw-button{padding:12px 14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.gb-xcw *{transition:none!important}.gb-xcw .gb-xcw-button:hover{transform:none}}