.cl-info-box{--cl-ib-accent:#6366f1;--cl-ib-grad-start:#6366f1;--cl-ib-grad-end:#8b5cf6}.cl-info-box{display:flex;flex-direction:column;padding:32px 28px;background:#ffffff;border-radius:16px;border:2px solid transparent;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform 300ms ease,box-shadow 300ms ease,border-color 300ms ease,opacity 300ms ease}.cl-info-box--icon-top{align-items:flex-start}.cl-info-box--icon-left,.cl-info-box--icon-right{flex-direction:row;gap:24px}.cl-info-box--icon-right{flex-direction:row-reverse}.cl-ib-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:16px;background:rgba(99,102,241,0.1);color:#6366f1;font-size:40px;margin-bottom:20px;transition:transform 300ms ease,background 300ms ease}.cl-ib-icon:not(.cl-ib-icon--boxed){background:transparent;width:auto;height:auto;margin-bottom:0}.cl-info-box--icon-left .cl-ib-icon,.cl-info-box--icon-right .cl-ib-icon{margin-bottom:0}.cl-ib-icon svg,.cl-ib-icon i{width:1em;height:1em;fill:currentColor;display:block}.cl-ib-body{flex:1 1 auto}.cl-ib-title{margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.3;color:#111827}.cl-ib-desc{margin:0 0 18px;font-size:15px;line-height:1.65;color:#6b7280}.cl-ib-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#6366f1;text-decoration:none;transition:gap 200ms ease,color 200ms ease}.cl-ib-btn::after{content:'→';display:inline-block;transition:transform 200ms ease}@media (prefers-reduced-motion:no-preference){.cl-ib-btn:hover{gap:10px;color:#4f46e5}.cl-ib-btn:hover::after{transform:translateX(4px)}}@media (prefers-reduced-motion:no-preference){.cl-info-box--hover-lift:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.12)}.cl-info-box--hover-scale:hover{transform:scale(1.03);box-shadow:0 12px 40px rgba(0,0,0,0.1)}.cl-info-box--hover-glow:hover{box-shadow:0 0 0 3px rgba(99,102,241,0.25),0 8px 32px rgba(99,102,241,0.2)}.cl-info-box--hover-border-pop{border-left:4px solid transparent}.cl-info-box--hover-border-pop:hover{border-color:var(--cl-ib-accent,#6366f1);transform:translateX(4px)}.cl-info-box--hover-shine{overflow:hidden}.cl-info-box--hover-shine::before{content:'';position:absolute;top:-60%;left:-80%;width:50%;height:200%;background:linear-gradient( 120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100% );transform:skewX(-20deg);transition:left 500ms ease}.cl-info-box--hover-shine:hover::before{left:120%}.cl-info-box--hover-tilt{perspective:800px}.cl-info-box--hover-tilt:hover{transform:perspective(800px) rotateX(4deg) rotateY(-4deg) scale(1.02)}.cl-info-box:hover .cl-ib-icon{transform:translateY(-2px) scale(1.05)}}.cl-info-box--hover-shine{position:relative}.cl-info-box--type-bordered{background:transparent;border:1.5px solid #e5e7eb;box-shadow:none}.cl-info-box--type-gradient{background:linear-gradient( 135deg,var(--cl-ib-grad-start,#6366f1) 0%,var(--cl-ib-grad-end,#8b5cf6) 100% );border-color:transparent;box-shadow:0 8px 32px rgba(99,102,241,0.35)}.cl-info-box--type-gradient .cl-ib-title,.cl-info-box--type-gradient .cl-ib-desc,.cl-info-box--type-gradient .cl-ib-btn{color:#ffffff}.cl-info-box--type-gradient .cl-ib-desc{color:rgba(255,255,255,0.85)}.cl-info-box--type-gradient .cl-ib-icon{background:rgba(255,255,255,0.2);color:#ffffff}.cl-info-box--type-dark{background:#0f172a;border-color:rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.3)}.cl-info-box--type-dark .cl-ib-title{color:#f1f5f9}.cl-info-box--type-dark .cl-ib-desc{color:#94a3b8}.cl-info-box--type-dark .cl-ib-btn{color:#818cf8}.cl-info-box--type-dark .cl-ib-icon{background:rgba(99,102,241,0.2);color:#818cf8}.cl-info-box--type-glass{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.cl-info-box--type-glass .cl-ib-icon{background:rgba(255,255,255,0.2)}.cl-info-box--type-accent-top{border-top:4px solid var(--cl-ib-accent,#6366f1);border-radius:0 0 16px 16px}.cl-info-box--type-accent-top .cl-ib-icon{color:var(--cl-ib-accent,#6366f1);background:rgba(99,102,241,0.1)}.cl-info-box--type-floating{box-shadow:0 20px 60px rgba(0,0,0,0.14);border:none}@media (prefers-reduced-motion:no-preference){.cl-info-box--type-floating:hover{box-shadow:0 32px 80px rgba(0,0,0,0.18);transform:translateY(-4px)}}.cl-info-box--type-minimal{background:transparent;border:none;box-shadow:none;padding-left:0;padding-right:0}.cl-info-box--type-neon{background:#0f172a;border:1.5px solid var(--cl-ib-accent,#6366f1);box-shadow:0 0 8px 1px var(--cl-ib-accent,#6366f1),inset 0 0 8px 0 rgba(99,102,241,0.05)}.cl-info-box--type-neon .cl-ib-title{color:#f1f5f9}.cl-info-box--type-neon .cl-ib-desc{color:#94a3b8}.cl-info-box--type-neon .cl-ib-btn,.cl-info-box--type-neon .cl-ib-icon{color:var(--cl-ib-accent,#6366f1)}.cl-info-box--type-neon .cl-ib-icon{background:rgba(99,102,241,0.12)}@media (prefers-reduced-motion:no-preference){@keyframes cl-ib-neon-pulse{0%,100%{box-shadow:0 0 8px 1px var(--cl-ib-accent,#6366f1),inset 0 0 8px 0 rgba(99,102,241,0.05)}50%{box-shadow:0 0 24px 6px var(--cl-ib-accent,#6366f1),0 0 60px 10px rgba(99,102,241,0.2),inset 0 0 12px 2px rgba(99,102,241,0.1)}}.cl-info-box--type-neon:hover{animation:cl-ib-neon-pulse 2s ease-in-out infinite}}.cl-info-box--type-colored-icon .cl-ib-icon{background:var(--cl-ib-accent,#6366f1);color:#ffffff;width:72px;height:72px;border-radius:50%}@media (prefers-reduced-motion:reduce){.cl-info-box,.cl-ib-icon,.cl-ib-btn,.cl-ib-btn::after,.cl-info-box--hover-shine::before{transition:none;animation:none}}.cl-ib-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.cl-ib-icon.cl-ib-image{overflow:hidden;background:transparent}.cl-ib-icon.cl-ib-image.cl-ib-icon--boxed{background:rgba(99,102,241,0.08);overflow:hidden}