.widgets-section{background:linear-gradient(180deg,#0a0a1a,#0d0d1f);padding:60px 20px;position:relative}.widgets-section-inner{margin:0 auto;max-width:1300px}.widget-embed-banner{background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border:1px solid #6366f126;border-radius:24px;margin-bottom:48px;overflow:hidden;padding:48px;position:relative}.widget-embed-banner:before{background:radial-gradient(circle,#6366f114 0,#0000 70%);border-radius:50%;content:"";height:300px;pointer-events:none;position:absolute;right:-80px;top:-100px;width:300px}.wbanner-layout{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.wbanner-label{align-items:center;color:#818cf8;display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.wbanner-title{color:#fff;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:900;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px}.wbanner-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text}.wbanner-subtitle{color:#ffffff8c;font-size:.9rem;line-height:1.7;margin:0 0 20px;max-width:480px}.wbanner-props{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.wbanner-prop{align-items:flex-start;color:#ffffffb3;display:flex;font-size:.82rem;gap:10px}.wbanner-prop svg{color:#34d399;flex-shrink:0;font-size:.78rem;margin-top:3px}.wbanner-prop strong{color:#fff;font-weight:700}.wbanner-ctas{display:flex;flex-wrap:wrap;gap:12px}.wbanner-cta-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;padding:12px 22px;text-decoration:none;transition:all .2s}.wbanner-cta-primary:hover{color:#fff;filter:brightness(1.1);transform:translateY(-1px)}.wbanner-cta-secondary{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:12px;color:#a5b4fc;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;padding:12px 22px;text-decoration:none;transition:all .2s}.wbanner-cta-secondary:hover{background:#6366f126;color:#c7d2fe}.wbanner-code-window{background:#0f172a;border:1px solid #6366f126;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.wbanner-code-bar{align-items:center;background:#1e293b99;border-bottom:1px solid #6366f114;display:flex;gap:6px;padding:12px 16px}.wbanner-dot{border-radius:50%;height:8px;width:8px}.wbanner-dot.red{background:#ef4444}.wbanner-dot.yellow{background:#f59e0b}.wbanner-dot.green{background:#22c55e}.wbanner-code-filename{color:#ffffff59;font-size:.7rem;margin-left:10px}.wbanner-code-body,.wbanner-code-filename{font-family:Monaco,Menlo,JetBrains Mono,monospace}.wbanner-code-body{background:#0000;color:#a5b4fc;font-size:.78rem;line-height:1.7;margin:0;overflow-x:auto;padding:20px 22px;white-space:pre}.wbanner-code-body code{color:#a5b4fc}.wbanner-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wbanner-chip{align-items:center;background:#1e293b80;border:1px solid #6366f11a;border-radius:10px;color:#ffffffa6;display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s}.wbanner-chip:hover{background:#6366f114;border-color:#6366f14d}.wbanner-chip svg{color:#ffffff80;font-size:12px}.widgets-stats{display:flex;flex-wrap:wrap;gap:48px;justify-content:center;margin-bottom:48px}.widgets-stat{text-align:center}.widgets-stat-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:800}.widgets-stat-label{color:#ffffff73;display:block;font-size:.75rem;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.widgets-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:20px}.widgets-grid-3{grid-template-columns:repeat(3,1fr)}.wcard{background:#16161f;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.wcard-clickable{cursor:pointer}.wcard-clickable:hover{border-color:#6366f14d;box-shadow:0 16px 40px #0000004d;transform:translateY(-4px)}.wcard-account{border-color:#f59e0b1f}.wcard-account:hover{border-color:#f59e0b40}.wcard-accent-bar{border-radius:16px 16px 0 0;height:3px}.wcard-header{gap:14px;padding:20px 20px 0}.wcard-header,.wcard-icon{align-items:center;display:flex}.wcard-icon{border-radius:12px;color:#fff;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.wcard-title-group{flex:1 1;min-width:0}.wcard-element{color:#10b981;display:block;font-family:Monaco,Menlo,JetBrains Mono,monospace;font-size:.6875rem;margin-bottom:2px;opacity:.8}.wcard-name{color:#fff;font-size:1.05rem;font-weight:700;margin:0}.wcard-badge{border-radius:4px;flex-shrink:0;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.wcard-badge-popular{background:#3b82f626;color:#60a5fa}.wcard-badge-hot{background:#ef444426;color:#f87171}.wcard-badge-new{background:#8b5cf626;color:#a78bfa}.wcard-badge-account{background:#f59e0b1f;color:#fbbf24}.wcard-body{padding:14px 20px 0}.wcard-desc{color:#fff9;font-size:.8125rem;line-height:1.6;margin:0 0 12px}.wcard-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.wcard-feat{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#fff9;font-size:.6875rem;padding:4px 10px}.wcard-click-hint{align-items:center;border-top:1px solid #ffffff0f;color:#ffffff59;display:flex;font-size:.72rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:color .2s}.wcard-clickable:hover .wcard-click-hint{color:#6366f1b3}.wcard-account-actions{display:flex;gap:8px;padding:12px 20px 16px}.wcard-login-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b26;border-radius:9px;color:#fbbf24;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.wcard-login-btn:hover{background:#f59e0b33;color:#fde68a}.wcard-preview-toggle{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:9px;color:#c4b5fd;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s}.wcard-preview-toggle:hover{background:#8b5cf626}.wcard-preview-toggle.active{background:#8b5cf62e;border-color:#8b5cf659}.widgets-focused-layout{grid-gap:20px;align-items:start;animation:focus-fade-in .3s ease;display:grid;gap:20px;grid-template-columns:1.6fr 1fr;margin-bottom:48px}@keyframes focus-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wfocus-main{background:#16161f;border:1px solid #6366f140;border-radius:18px;overflow:hidden;padding:28px;position:relative}.wfocus-accent{border-radius:18px 18px 0 0;height:3px;left:0;position:absolute;right:0;top:0}.wfocus-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.wfocus-header .wcard-icon{border-radius:14px;font-size:20px;height:48px;width:48px}.wfocus-header .wcard-name{font-size:1.25rem;font-weight:800}.wfocus-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;margin-left:auto;transition:all .2s;width:32px}.wfocus-close:hover{background:#ef44441f;border-color:#ef444440;color:#fca5a5}.wfocus-desc{color:#fff9;font-size:.88rem;line-height:1.65;margin:0 0 8px;max-width:600px}.wfocus-best-for{color:#fff6;font-size:.78rem;margin:0 0 16px}.wfocus-best-for strong{color:#fff9}.wfocus-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.wfocus-feat-pill{background:#6366f114;border:1px solid #6366f11f;border-radius:8px;color:#a5b4fc;font-size:.68rem;font-weight:600;padding:5px 14px}.wfocus-embed-block{background:#0c0c14;border:1px solid #6366f11a;border-radius:12px;margin-bottom:18px;overflow:hidden}.wfocus-embed-bar{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;gap:6px;padding:10px 14px}.wfocus-embed-fname{color:#ffffff4d;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:.68rem;margin-left:8px}.wfocus-copy-btn{align-items:center;background:#10b9811f;border:none;border-radius:6px;color:#10b981;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:6px;padding:4px 12px;transition:all .2s}.wfocus-copy-btn:hover{background:#10b98133}.wfocus-copy-btn.copied{background:#10b98140;color:#6ee7b7}.wfocus-embed-code{background:#0000;color:#a5b4fc;font-family:Monaco,Menlo,JetBrains Mono,monospace;font-size:.72rem;line-height:1.6;margin:0;overflow-x:auto;padding:14px;white-space:pre}.wfocus-ctas{display:flex;gap:10px}.wfocus-cta-sm{font-size:.78rem;padding:10px 20px}.wfocus-sidebar{display:flex;flex-direction:column;gap:8px}.wfocus-sidebar-label{color:#ffffff59;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.wfocus-sidebar-label-account{color:#92400e;margin-top:4px}.wfocus-sidebar-divider{background:#ffffff0f;height:1px;margin:4px 0}.wfocus-mini-card{align-items:center;background:#16161fcc;border:1px solid #ffffff0f;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.wfocus-mini-card:hover{background:#6366f10a;border-color:#6366f140}.wfocus-mini-account{border-color:#f59e0b1a;cursor:default}.wfocus-mini-account:hover{background:#f59e0b08;border-color:#f59e0b33}.wfocus-mini-icon{align-items:center;border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;width:32px}.wfocus-mini-text{flex:1 1;min-width:0}.wfocus-mini-text strong{color:#fff;display:block;font-size:.78rem;font-weight:700}.wfocus-mini-text span{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fff6;display:-webkit-box;font-size:.65rem;overflow:hidden}.wfocus-mini-arrow{color:#ffffff40;flex-shrink:0;font-size:.7rem}.wfocus-mini-login{align-items:center;background:#f59e0b1a;border-radius:7px;color:#fbbf24;display:flex;flex-shrink:0;font-size:.7rem;height:28px;justify-content:center;text-decoration:none;transition:all .2s;width:28px}.wfocus-mini-login:hover{background:#f59e0b33}.widgets-section .widgets-cta-area{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:24px;justify-content:space-between;padding:24px 32px}.widgets-section .widget-cta-content{align-items:center;display:flex;gap:16px}.widgets-section .cta-icon{color:#6ee7b7;font-size:1.5rem}.widgets-section .widget-cta-content h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 4px}.widgets-section .widget-cta-content p{color:#fff9;font-size:.875rem;margin:0}.widgets-section .widget-builder-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-flex;font-size:.9375rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.widgets-section .widget-builder-btn:hover{box-shadow:0 8px 30px #10b98166;transform:translateY(-2px)}.widgets-showcase-panel{animation:showcase-panel-in .35s ease;background:#0a0a14b3;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 8px 40px #00000059,0 0 20px #8b5cf614;margin:32px auto 48px;max-width:960px;padding:24px}.widgets-showcase-panel-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.widgets-showcase-panel-title{color:#c4b5fd;font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin:0}.widgets-showcase-panel-close{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:1.3rem;height:34px;justify-content:center;transition:all .2s;width:34px}.widgets-showcase-panel-close:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}@keyframes showcase-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.widgets-grid-3{grid-template-columns:repeat(2,1fr)}.wbanner-layout{gap:32px}.wbanner-layout,.widgets-focused-layout{grid-template-columns:1fr}}@media (max-width:768px){.widgets-grid-3{grid-template-columns:1fr}.widgets-stats{gap:24px}.widgets-section{padding:60px 16px}.widget-embed-banner{padding:28px 20px}}@media (max-width:600px){.widgets-section .widgets-cta-area{flex-direction:column;text-align:center}.widgets-section .widget-cta-content{flex-direction:column}}
/*# sourceMappingURL=9464.ad0f7a9e.chunk.css.map*/