.cp-card{background:transparent;border-radius:var(--cp-radius);box-sizing:border-box;font-family:Cabin,Arial,sans-serif;margin:0 auto;max-width:1180px;width:100%}.cp-card--glow.cp-card--auto-active,.cp-card--glow:has(.cp-layer--accentable:hover){box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-glow,#2f69f6) 16%,transparent),0 30px 70px -16px color-mix(in srgb,var(--cp-glow,#2f69f6) 45%,transparent)}.cp-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:28px}.cp-header,.cp-header-left{align-items:center;display:flex;gap:14px}.cp-header-icon{align-items:center;background:var(--cp-primary,#2f69f6);border-radius:calc(var(--cp-radius)*.35);color:var(--cp-surface,#fff);display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.cp-header-title{color:var(--cp-title-text,#12234a);font-size:18px;font-weight:700;letter-spacing:-.01em}.cp-status-badge{align-items:center;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;display:inline-flex;font-size:12.5px;font-weight:700;gap:8px;padding:8px 16px;white-space:nowrap}.cp-status-dot{animation:cp-pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes cp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb,currentColor 0%,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 0%,transparent)}}.cp-layer{background:var(--cp-n-bg,var(--cp-surface,#fff));border:1px solid var(--cp-n-border,#cbd5e1);border-radius:calc(var(--cp-radius)*.8);box-sizing:border-box;padding:calc(var(--cp-radius)*1.1);transition:border-color .3s ease,background-color .3s ease,transform .3s ease,box-shadow .3s ease}.cp-layer-label{font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:0 0 8px}.cp-layer-label,.cp-layer-subtitle{color:var(--cp-n-text,var(--cp-title-text,#12234a))!important;transition:color .3s ease}.cp-layer-subtitle{font-size:13.5px;font-weight:500;margin-bottom:20px;max-width:640px;opacity:.68}.cp-tiles{display:flex;flex-wrap:wrap;gap:12px}.cp-tile{align-items:center;background:var(--cp-n-tile-bg,var(--cp-surface,#fff));border:1px solid var(--cp-n-tile-border,#cbd5e1);border-radius:calc(var(--cp-radius)*.5);box-sizing:border-box;display:flex;flex:1 1 140px;flex-direction:column;gap:10px;justify-content:center;min-width:120px;padding:18px 14px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.cp-tile:hover{transform:translateY(-3px)}.cp-tile-icon{align-items:center;background:color-mix(in srgb,var(--cp-n-tile-text,var(--cp-title-text,#12234a)) 12%,transparent);border-radius:calc(var(--cp-radius)*.3);display:flex;height:34px;justify-content:center;width:34px}.cp-tile-icon,.cp-tile-icon-mask{transition:background-color .3s ease}.cp-tile-icon-mask{background-color:var(--cp-n-tile-text,var(--cp-title-text,#12234a));display:block;height:16px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:16px}.cp-tile-label{color:var(--cp-n-tile-text,var(--cp-title-text,#12234a));font-size:13.5px;font-weight:700;line-height:1.3;transition:color .3s ease}.cp-layer--accentable.cp-layer--active,.cp-layer--accentable:hover{background:var(--cp-a-bg,var(--cp-n-bg,var(--cp-surface,#fff)));border-color:var(--cp-a-border,var(--cp-n-border,#cbd5e1));box-shadow:0 22px 40px -18px color-mix(in srgb,var(--cp-a-border,var(--cp-n-border,#cbd5e1)) 50%,transparent);transform:translateY(-3px)}.cp-layer--accentable.cp-layer--active .cp-layer-label,.cp-layer--accentable.cp-layer--active .cp-layer-subtitle,.cp-layer--accentable:hover .cp-layer-label,.cp-layer--accentable:hover .cp-layer-subtitle{color:var(--cp-a-text,var(--cp-n-text,var(--cp-title-text,#12234a)))!important}.cp-layer--accentable.cp-layer--active .cp-layer-subtitle,.cp-layer--accentable:hover .cp-layer-subtitle{opacity:.85}.cp-layer--accentable.cp-layer--active .cp-tile,.cp-layer--accentable:hover .cp-tile{background:var(--cp-a-tile-bg,var(--cp-n-tile-bg,var(--cp-surface,#fff)));border-color:var(--cp-a-tile-border,var(--cp-n-tile-border,#cbd5e1));box-shadow:0 16px 30px -16px color-mix(in srgb,var(--cp-a-tile-border,var(--cp-n-tile-border,#cbd5e1)) 45%,transparent)}.cp-layer--accentable.cp-layer--active .cp-tile-label,.cp-layer--accentable:hover .cp-tile-label{color:var(--cp-a-tile-text,var(--cp-n-tile-text,var(--cp-title-text,#12234a)))}.cp-layer--accentable.cp-layer--active .cp-tile-icon,.cp-layer--accentable:hover .cp-tile-icon{background:color-mix(in srgb,var(--cp-a-tile-text,var(--cp-n-tile-text,var(--cp-title-text,#12234a))) 15%,transparent)}.cp-layer--accentable.cp-layer--active .cp-tile-icon-mask,.cp-layer--accentable:hover .cp-tile-icon-mask{background-color:var(--cp-a-tile-text,var(--cp-n-tile-text,var(--cp-title-text,#12234a)))}.cp-arrow{align-items:center;display:flex;justify-content:center;padding:10px 0}@media (max-width:640px){.cp-tile{flex:1 1 100px}.cp-layer{padding:calc(var(--cp-radius)*.8)}}