.subscription-container{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;background-image:url(/images/abstract-smooth-blue-flowing-wave-background.jpg);background-size:cover;background-position:50%;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;overflow-y:auto;opacity:1;transition:opacity .3s ease-in-out}.subscription-container.loading{opacity:.5}.loading-spinner{border:4px solid hsla(0,0%,100%,.3);border-top-color:#03a99d;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subscription-card{width:100%;max-width:480px;background-color:rgba(0,15,30,.6);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;opacity:1;transform:scale(1);transition:all .3s ease-in-out}.subscription-heading{color:#fff;font-size:32px;font-weight:600;margin-bottom:24px}.subscription-heading,.subscription-paragraph{text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.subscription-paragraph{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.6;margin-bottom:20px}.subscription-paragraph.bold{font-weight:700}.danger-button-cancel{font-size:16px;font-weight:600;padding:12px 24px;border-radius:8px;border:none;height:48px;cursor:pointer;transition:background-color .2s ease;width:100%;background-color:#e53935;color:#fff}.danger-button-cancel:hover:not(:disabled){background-color:#c62828}.danger-button,.primary-button,.secondary-button{font-size:16px;font-weight:600;padding:12px 24px;border-radius:8px;border:none;height:48px;cursor:pointer;transition:background-color .2s ease;width:100%}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.primary-button{background-color:#03a99d;color:#fff}.primary-button:hover:not(:disabled){background-color:#038d83!important}.danger-button{background-color:#03a99d;color:#fff}.danger-button:hover:not(:disabled){background-color:#038d83}.secondary-button{background-color:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.3)}.secondary-button:hover:not(:disabled){background-color:hsla(0,0%,100%,.1)}.text-button{background:transparent;border:none;color:#03a99d;padding:0 4px;cursor:pointer;display:inline;font-size:16px}.text-button:hover{text-decoration:underline}.button-group{display:flex;gap:12px}.button-group.right{justify-content:flex-end}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background-color:rgba(0,15,30,.9);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);padding:24px;width:90%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.popup-heading{color:#fff;font-size:24px;font-weight:600;text-align:center;margin-bottom:16px}.popup-message{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.6;margin-bottom:24px;text-align:center}@media (max-width:480px){.subscription-card{padding:24px}.subscription-heading{font-size:24px}.button-group{flex-direction:column}.secondary-button{margin-bottom:8px}.popup-content{padding:20px;width:95%}.popup-heading{font-size:20px}}