.integrations-page{--int-accent:#051752;--int-accent-light:#00c4e6;--int-accent-glow:#006feb40;--int-ease:cubic-bezier(0.22,1,0.36,1);--int-glass:#ffffffb3;--int-glass-hover:#fffffff2;--int-border:#0000000f;--int-border-hover:#0000001f;--int-text-primary:#0f172a;--int-text-secondary:#475569;--int-text-muted:#94a3b8;--int-card-bg:#ffffffd9}:is(.dark) .integrations-page{--int-glass:#ffffff0a;--int-glass-hover:#ffffff14;--int-border:#ffffff0f;--int-border-hover:#ffffff24;--int-text-primary:#f1f5f9;--int-text-secondary:#94a3b8;--int-text-muted:#64748b;--int-card-bg:#ffffff08}@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);-webkit-backdrop-filter:blur(12px);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),#0000 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 #00000014;transform:translateY(-6px) translateZ(0)}.int-card:hover:before{opacity:1}:is(.dark) .int-card:hover{box-shadow:0 12px 48px #00000059}.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 #0000001a;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 #00000026}.int-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.int-status-dot--active{background:#22c55e;box-shadow:0 0 8px #22c55e80}.int-status-dot--soon{background:#f59e0b;box-shadow:0 0 8px #f59e0b66;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,#006feb14,#00c4e608);border:1px solid #006feb26}.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:#006feb;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);-webkit-backdrop-filter:blur(12px);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 #00000014}:is(.dark) .int-request-card:hover{box-shadow:0 12px 48px #0000004d}@media (max-width:768px){.int-card{padding:24px 20px}.int-cta{padding:40px 24px}.int-request-card{padding:24px 20px}}