.studio-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px}
.studio-modal[hidden]{display:none}
.studio-modal__backdrop{position:absolute;inset:0;background:rgba(3,5,10,.68);backdrop-filter:blur(10px)}
.studio-modal__card{position:relative;width:min(460px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:28px;border:1px solid rgba(151,180,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(24,28,51,.97),rgba(10,12,22,.98));box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 45px rgba(94,91,238,.14);color:#f4f7ff}
.studio-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid rgba(151,180,255,.24);border-radius:10px;background:rgba(255,255,255,.045);color:#f4f7ff;font-size:21px;cursor:pointer}
.studio-modal__mark{width:66px;height:66px;display:grid;place-items:center;overflow:hidden;margin-bottom:18px;border:1px solid rgba(184,200,255,.3);border-radius:19px;background:rgba(90,83,220,.18);box-shadow:0 0 30px rgba(93,91,242,.18)}
.studio-modal__mark img{width:100%;height:100%;object-fit:cover}
.studio-modal__eyebrow{color:#a9b7d4;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.studio-modal h2{margin:7px 0 10px;font:800 28px/1.1 Manrope,Inter,sans-serif}
.studio-modal p{margin:0;color:#a9b7d4;line-height:1.6}
.studio-modal__link{display:inline-flex;justify-content:center;align-items:center;min-height:42px;margin-top:22px;padding:10px 18px;border-radius:12px;background:linear-gradient(120deg,#7369f6,#9a69ee);color:#fff;text-decoration:none;font-weight:700}
.studio-modal__link:hover,.studio-modal__link:focus-visible{filter:brightness(1.14)}
body.studio-modal-open{overflow:hidden}
@media(max-width:650px){.studio-modal{padding:14px}.studio-modal__card{padding:24px 20px}}