.resource-gate{align-content:center;align-items:center;background:#ea2a4f;display:flex;gap:20px;margin:50px 0;padding:20px}.resource-gate *{color:#fff}.resource-title{font-size:25px;width:20%}.resource-summary{width:42%}.resource-action{background:#4ad1d1;border-radius:8px;font-size:13px;padding:5px 10px;text-align:center}button#openPopup{background:none;border:none;cursor:pointer}@media(max-width:767px){.resource-gate{flex-direction:column}.resource-gate>div{width:100%}}.popup{display:grid;grid-template-rows:1fr;inset:0;opacity:0;overflow-y:auto;padding:24px;place-items:center;position:fixed;transition:opacity .22s ease,visibility 0s linear .22s;visibility:hidden;z-index:9999}.popup.is-open{opacity:1;transition:opacity .24s ease;visibility:visible}.popup-backdrop{background:rgba(0,0,0,.6);inset:0;opacity:0;position:fixed;transition:opacity .24s ease;will-change:opacity}.popup.is-open .popup-backdrop{opacity:1}.popup-content{background:#fff;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.2);opacity:0;padding:28px;position:relative;transform:translateY(10px) scale(.98);transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s ease;width:min(500px,100%);will-change:transform,opacity}.popup.is-open .popup-content{opacity:1;transform:translateY(0) scale(1)}.popup-close{background:transparent;border:0;color:#666;cursor:pointer;font-size:24px;line-height:1;position:absolute;right:12px;top:10px}.popup-close:hover{color:#000}.body-lock{overflow:hidden}@media (prefers-reduced-motion:reduce){.popup,.popup-backdrop,.popup-content{transition:none!important}}