.integrations-page{--int-accent:#17a2b3;--int-accent-light:#22d3ee;--int-accent-glow:rgba(23,162,179,.25);--int-ease:cubic-bezier(0.22,1,0.36,1);--int-glass:hsla(0,0%,100%,.7);--int-glass-hover:hsla(0,0%,100%,.95);--int-border:rgba(0,0,0,.06);--int-border-hover:rgba(0,0,0,.12);--int-text-primary:#0f172a;--int-text-secondary:#475569;--int-text-muted:#94a3b8;--int-card-bg:hsla(0,0%,100%,.85)}:is(.dark) .integrations-page{--int-glass:hsla(0,0%,100%,.04);--int-glass-hover:hsla(0,0%,100%,.08);--int-border:hsla(0,0%,100%,.06);--int-border-hover:hsla(0,0%,100%,.14);--int-text-primary:#f1f5f9;--int-text-secondary:#94a3b8;--int-text-muted:#64748b;--int-card-bg:hsla(0,0%,100%,.03)}@keyframes int-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes int-glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}.int-glow-blob{position:absolute;border-radius:999px;filter:blur(120px);pointer-events:none;opacity:.12;will-change:transform;transform:translateZ(0)}:is(.dark) .int-glow-blob{opacity:.18}.int-card{position:relative;border-radius:24px;padding:28px 24px;background:var(--int-card-bg);border:1px solid var(--int-border);backdrop-filter:blur(12px);transition:border-color .3s var(--int-ease),box-shadow .35s var(--int-ease),transform .35s var(--int-ease);overflow:visible;will-change:transform;transform:translateZ(0);display:flex;flex-direction:column}.int-card:before{content:"";position:absolute;inset:0;border-radius:24px;overflow:hidden;background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--int-accent-glow),transparent 40%);opacity:0;transition:opacity .35s var(--int-ease);pointer-events:none}.int-card:hover{border-color:var(--int-border-hover);box-shadow:0 12px 48px rgba(0,0,0,.08);transform:translateY(-6px) translateZ(0)}.int-card:hover:before{opacity:1}:is(.dark) .int-card:hover{box-shadow:0 12px 48px rgba(0,0,0,.35)}.int-category-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.int-category-badge .int-cat-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .3s var(--int-ease),box-shadow .3s var(--int-ease)}.int-category-badge:hover .int-cat-icon{transform:scale(1.08);box-shadow:0 6px 24px rgba(0,0,0,.15)}.int-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.int-status-dot--active{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5)}.int-status-dot--soon{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.4);animation:int-glow-pulse 2s ease-in-out infinite}.int-cta{position:relative;border-radius:28px;padding:56px 40px;background:linear-gradient(135deg,#0f172a,#1e3a5f);overflow:hidden}:is(.dark) .int-cta{background:linear-gradient(135deg,rgba(23,162,179,.08),rgba(23,162,179,.02));border:1px solid rgba(23,162,179,.15)}.int-cta:before{top:-50%;right:-20%;width:400px;height:400px;background:var(--int-accent);filter:blur(120px);opacity:.15}.int-cta:after,.int-cta:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.int-cta:after{bottom:-30%;left:-10%;width:300px;height:300px;background:#3b82f6;filter:blur(100px);opacity:.1}.int-glow-btn{position:relative;z-index:1}.int-glow-btn:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--int-accent),var(--int-accent-light));opacity:0;z-index:-1;filter:blur(14px);transition:opacity .3s var(--int-ease)}.int-glow-btn:hover:after{opacity:.6;animation:int-glow-pulse 2s ease-in-out infinite}.int-badge-shimmer{background:linear-gradient(90deg,var(--int-accent),var(--int-accent-light),var(--int-accent));background-size:200% 100%;animation:int-shimmer 3s ease-in-out infinite}.int-request-card{position:relative;border-radius:20px;padding:32px 28px;background:var(--int-card-bg);border:1px solid var(--int-border);backdrop-filter:blur(12px);overflow:hidden;transition:border-color .3s var(--int-ease),box-shadow .35s var(--int-ease);will-change:transform;transform:translateZ(0)}.int-request-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--int-accent),var(--int-accent-light),var(--int-accent));background-size:200% 100%;animation:int-shimmer 4s ease-in-out infinite}.int-request-card:hover{border-color:var(--int-border-hover);box-shadow:0 12px 48px rgba(0,0,0,.08)}:is(.dark) .int-request-card:hover{box-shadow:0 12px 48px rgba(0,0,0,.3)}@media (max-width:768px){.int-card{padding:24px 20px}.int-cta{padding:40px 24px}.int-request-card{padding:24px 20px}}