.post-invitation.spotlight-invite{position:fixed;display:grid;grid-template-columns:142px minmax(0,1fr);width:490px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);right:16px;bottom:16px;overflow:auto;gap:0;padding:0;background:#091b46;color:#fff;border:1px solid #6bb5ed70;border-radius:28px;box-shadow:0 22px 70px #00163b55;isolation:isolate;animation:spot-enter .65s cubic-bezier(.2,.8,.2,1) both}
.spotlight-invite .invite-art{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#1663c9 0,transparent 70%)}
.spotlight-invite .invite-art:before{display:none}.spotlight-invite .invite-art img{position:absolute;width:166px;height:220px;max-width:none;left:-10px;bottom:-2px;object-fit:contain;object-position:bottom;animation:spot-duo 6s ease-in-out infinite}
.spotlight-invite .spot-orbit{position:absolute;width:210px;height:210px;border:1px solid #36dbea55;border-radius:50%;left:-100px;top:20px;transform:rotate(-30deg);background:transparent;animation:spot-orbit 9s ease-in-out infinite}
.spotlight-invite .spot-social{position:absolute;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#fff;box-shadow:0 6px 16px #00123455;z-index:2;animation:spot-float 5s ease-in-out infinite}.spot-social svg{width:22px;height:22px}.spot-instagram{left:16px;top:24px;transform:rotate(-12deg)}.spot-instagram svg{fill:none;stroke:#e8459c;stroke-width:1.8}.spot-youtube{right:10px;top:52px;animation-delay:-2.5s!important;transform:rotate(12deg)}.spot-youtube rect{fill:#ff234a}.spot-youtube path{fill:white}
.spotlight-invite .invite-copy{min-width:0;padding:31px 29px 12px 2px}.spotlight-invite .spot-gift{display:inline-block;color:#8cf4fa;font-size:11px;font-weight:700;line-height:1.4;margin:0 24px 14px 0}.spotlight-invite h2{font:850 31px/1.07 Montserrat,sans-serif;letter-spacing:-.045em;margin:0 0 14px;color:white}.spot-words{display:block;height:1.1em;position:relative;overflow:hidden;color:#53e6ef}.spot-words>span{position:absolute;left:0;top:0;animation:spot-word 9s infinite;opacity:0}.spot-words>span:nth-child(2){animation-delay:-6s}.spot-words>span:nth-child(3){animation-delay:-3s}.spotlight-invite .invite-copy>p{font-size:11px;line-height:1.7;margin:0;color:#ccdcf3;max-width:31ch}
.spot-action{grid-column:1/-1;padding:10px 20px 18px;position:relative;z-index:2;background:#091b46}.spotlight-invite .conversion-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:54px;border-radius:18px;background:#2dddeb!important;color:#071a46!important;font-size:12px!important;font-weight:800;padding:15px 14px;box-shadow:0 5px 0 #109ebc,0 10px 25px #04b5d124;transition:transform .2s,box-shadow .2s}.spotlight-invite .conversion-button:before{content:"";position:absolute;inset:-50%;width:35%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:translateX(-200%) rotate(25deg);animation:spot-shine 6s ease-in-out infinite;pointer-events:none}.spotlight-invite .conversion-button svg{width:18px;height:18px;fill:currentColor;animation:spot-spark 6s ease-in-out infinite}.spotlight-invite .conversion-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #109ebc,0 12px 26px #04b5d144}.spotlight-invite .conversion-button:active{transform:translateY(3px);box-shadow:0 2px 0 #109ebc}.spot-action small{display:block;text-align:center;font-size:9px;color:#b9cde8;margin-top:15px;line-height:1.5}.spotlight-invite .post-invitation-close{position:absolute;top:8px;right:8px;width:36px;height:36px;z-index:5;font-size:22px;background:#ffffff13}.spotlight-invite button:focus-visible{outline:3px solid white;outline-offset:-4px}.post-invitation.spotlight-invite[hidden]{display:none}
@keyframes spot-enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes spot-duo{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes spot-float{50%{translate:0 -7px;rotate:8deg}}@keyframes spot-orbit{50%{transform:rotate(20deg) scale(1.12)}}@keyframes spot-word{0%,27%{opacity:1;transform:translateY(0)}31%,96%{opacity:0;transform:translateY(-110%)}97%{opacity:0;transform:translateY(110%)}}@keyframes spot-shine{0%,60%{transform:translateX(-200%) rotate(25deg)}85%,100%{transform:translateX(650%) rotate(25deg)}}@keyframes spot-spark{60%{transform:rotate(0)}85%,100%{transform:rotate(180deg)}}
@media(max-width:600px){.post-invitation.spotlight-invite{grid-template-columns:112px minmax(0,1fr);width:390px;border-radius:25px}.spotlight-invite .invite-copy{padding:27px 19px 10px 0}.spotlight-invite h2{font-size:27px}.spotlight-invite .spot-gift{font-size:9px;margin-bottom:12px}.spotlight-invite .invite-copy>p{font-size:10px}.spotlight-invite .invite-art img{width:153px;height:216px;left:-21px}.spotlight-invite .spot-social{width:29px;height:29px;border-radius:9px}.spot-social svg{width:19px;height:19px}.spot-instagram{top:24px;left:12px}.spot-youtube{top:56px;right:6px}.spot-action{padding:8px 15px 17px}.spotlight-invite .conversion-button{font-size:11px!important;min-height:52px}.spot-action small{font-size:8px}.spotlight-invite .post-invitation-close{width:32px;height:32px}}
@media(max-width:360px){.post-invitation.spotlight-invite{grid-template-columns:90px minmax(0,1fr);max-width:calc(100% - 20px);right:10px;bottom:10px}.spotlight-invite h2{font-size:24px}.spotlight-invite .invite-art img{width:133px;height:195px;left:-23px}.spotlight-invite .invite-copy{padding-right:14px}.spotlight-invite .spot-gift{font-size:8px}.spotlight-invite .invite-copy>p{font-size:9px}.spot-youtube{right:4px;top:57px}.spotlight-invite .conversion-button{font-size:10px!important}}
.spotlight-invite .spot-instagram{top:12px;left:16px}.spotlight-invite .spot-youtube{top:14px;right:14px}.spotlight-invite .spot-social{width:27px;height:27px;border-radius:9px}.spotlight-invite .spot-social svg{width:18px;height:18px}.spotlight-invite .invite-art img{height:200px}
@media(max-width:360px){.spotlight-invite .spot-instagram{left:9px}.spotlight-invite .spot-youtube{right:9px}.spotlight-invite .invite-art img{height:185px}}
@media(prefers-reduced-motion:reduce){.spotlight-invite,.spotlight-invite *,.spotlight-invite *:before{animation:none!important;transition:none!important}.spot-words>span:first-child{opacity:1}.spot-words>span:not(:first-child){display:none}}
