.subscribe-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.subscribe-modal-overlay.active{opacity:1;visibility:visible}.subscribe-modal-content{background:#141414cc;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:450px;padding:40px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px -12px #00000080}.subscribe-modal-overlay.active .subscribe-modal-content{transform:scale(1)translateY(0)}.subscribe-modal-close{color:#ffffff80;cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.subscribe-modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.subscribe-modal-header{text-align:center;margin-bottom:30px}.subscribe-modal-icon{color:#000;background:linear-gradient(135deg,#d4af37,#f2d472);border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex;box-shadow:0 10px 20px #d4af374d}.subscribe-modal-title{font-family:var(--font-inter), sans-serif;color:#fff;letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:700}.subscribe-modal-desc{font-family:var(--font-inter), sans-serif;color:#fff9;font-size:15px;line-height:1.6}.subscribe-modal-form{flex-direction:column;gap:16px;display:flex}.subscribe-modal-input-group{flex-direction:column;gap:8px;display:flex}.subscribe-modal-input-group label{font-family:var(--font-inter), sans-serif;color:#fff6;margin-left:4px;font-size:13px;font-weight:500}.subscribe-modal-input{color:#fff;width:100%;font-family:var(--font-inter), sans-serif;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 18px;font-size:15px;transition:all .3s}.subscribe-modal-input:focus{background:#ffffff14;border-color:#d4af3780;outline:none;box-shadow:0 0 0 4px #d4af371a}.subscribe-modal-submit{color:#000;font-family:var(--font-inter), sans-serif;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f2d472);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.subscribe-modal-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #d4af3733}.subscribe-modal-submit:active:not(:disabled){transform:translateY(0)}.subscribe-modal-submit:disabled{opacity:.7;cursor:not-allowed}.subscribe-modal-success{text-align:center;padding:20px 0}.subscribe-modal-success-icon{color:#4caf50;background:#4caf501a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex}.subscribe-modal-success-title{font-family:var(--font-inter), sans-serif;color:#fff;margin-bottom:12px;font-size:24px;font-weight:700}.subscribe-modal-success-desc{font-family:var(--font-inter), sans-serif;color:#fff9;font-size:15px;line-height:1.6}@keyframes spinner{to{transform:rotate(360deg)}}.spinner{border:2px solid #0000001a;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spinner}.subscribe-modal-content:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#d4af370d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}