*{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}#root,.app{height:100vh;overflow:hidden;width:100vw}.app{align-items:center;display:flex;justify-content:center;position:relative}.background{background:#05001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.content{align-items:center;box-sizing:border-box;height:100%;padding:24px 20px;position:relative;z-index:1}.buttons-wrapper,.content{display:flex;flex-direction:column;width:100%}.buttons-wrapper{background:#030010;border-radius:20px;gap:12px;margin-top:24px;max-width:400px;padding:20px 20px 24px}.buttons-container{flex-direction:column;width:100%}.bottom-buttons,.buttons-container{display:flex;gap:12px}.logo-container{flex:1 1;margin-bottom:24px;min-height:280px;padding-top:20%;position:relative;width:100%}.logo{align-items:center;display:flex;height:160px;justify-content:center;left:50%;margin-left:-80px;margin-top:-80px;position:absolute;top:50%;width:160px;z-index:2}.logo-image{height:100%;object-fit:contain;width:100%}.logo-ring{animation:logoRingPulse 2s ease-in-out infinite;border:2px solid #9333eab3;border-radius:50%;box-sizing:border-box;height:172px;margin-left:-86px;margin-top:-86px;width:172px;z-index:3}.logo-ring,.ripple{left:50%;pointer-events:none;position:absolute;top:50%}.ripple{animation:ripple 3s ease-out infinite;border:1px solid #9333ea59;border-radius:50%;transform:translate(-50%,-50%);z-index:1}.ripple-2{animation-delay:.75s;border-color:#9333ea47;height:min(200px,50vw);width:min(200px,50vw)}.ripple-3{animation-delay:.5s;border-color:#9333ea38;height:min(260px,65vw);width:min(260px,65vw)}.ripple-4{animation-delay:.25s;border-color:#9333ea2e;height:min(320px,80vw);width:min(320px,80vw)}.ripple-5{animation-delay:0s;border-color:#9333ea24;height:min(380px,95vw);width:min(380px,95vw)}@keyframes logoRingPulse{0%,to{border-color:#9333eabf;opacity:1;transform:scale(1)}50%{border-color:#9333ea73;opacity:.6;transform:scale(1.06)}}.service-status{grid-row-gap:6px;grid-column-gap:12px;align-items:baseline;column-gap:12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;row-gap:6px;width:100%}.service-status .service-name,.service-status .service-state{justify-self:start;text-align:left}.service-status .subscription-date,.service-status .subscription-type{justify-self:end;text-align:right}.service-name{color:#fff;font-size:clamp(26px,7.5vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.2}.service-state{color:#ffffffe6}.service-state,.subscription-date{font-size:clamp(14px,4vw,16px);line-height:1.2}.subscription-date{color:#fff}.subscription-type{font-size:clamp(13px,3.5vw,14px);line-height:1.2}.subscription-type.subscription-color-active{color:#046f00}.subscription-type.subscription-color-inactive{color:#913a00}.subscription-type.subscription-color-trial{color:#7e57ff}.subscription-button{align-items:center;background:linear-gradient(90deg,#00a9d5,#9135d3);border:none;border-radius:16px;cursor:pointer;display:flex;gap:12px;height:56px;padding:0 24px;transition:transform .2s,opacity .2s;width:100%}.subscription-button:active{opacity:.9;transform:scale(.98)}.button-text{font-size:16px}.button-price{color:#fff;font-size:14px;opacity:.9}.setup-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0b2e99;border:1px solid #9333ea80;border-radius:16px;cursor:pointer;display:flex;gap:12px;height:48px;padding:0 16px;transition:transform .2s,opacity .2s,border-color .2s;width:100%}.setup-button:active{border-color:#9333eab3;opacity:.8;transform:scale(.98)}.button-text{flex:1 1;line-height:1.25;text-align:left}.button-platform{color:#e879f9;font-size:14px;line-height:1.25}.profile-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0b2e99;border:1px solid #9333ea80;border-radius:16px;cursor:pointer;display:flex;flex:1 1;gap:12px;height:48px;padding:0 16px;transition:transform .2s,opacity .2s,border-color .2s}.profile-button:active{border-color:#9333eab3;opacity:.8;transform:scale(.98)}.support-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0b2e99;border:1px solid #9333ea80;border-radius:16px;cursor:pointer;display:flex;flex:1 1;gap:12px;height:48px;padding:0 16px;transition:transform .2s,opacity .2s,border-color .2s}.support-button:active{border-color:#9333eab3;opacity:.8;transform:scale(.98)}.button-icon{flex-shrink:0;height:20px;object-fit:contain;width:20px}.button-text{color:#fff;font-size:15px;font-weight:500}.profile-page{height:100vh;overflow:hidden;position:relative;width:100vw}.profile-page .background{background:#05001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.profile-content{display:flex;flex-direction:column;height:100%;padding:0;position:relative;width:100%;z-index:1}.profile-header{align-items:center;display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 20px 16px}.profile-title{color:#fff;font-size:20px;font-weight:600;margin:0}.profile-body{flex:1 1;gap:16px;overflow-y:auto;padding:24px 20px}.profile-body,.profile-info-section{align-items:center;display:flex;flex-direction:column}.profile-info-section{gap:8px;margin-bottom:0;max-width:400px;width:100%}.profile-name{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center}.profile-id-container{align-items:center;display:flex;gap:8px;justify-content:center}.profile-id{color:#ffffffb3;font-size:16px;margin:0}.copy-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:opacity .2s}.copy-button:hover{opacity:.7}.copy-button:active{opacity:.5}.copy-icon{height:16px;object-fit:contain;width:16px}.profile-menu-block{background:#030010;border-radius:12px;display:flex;flex-direction:column;max-width:400px;overflow:hidden;width:100%}.profile-menu-block .profile-menu-item{align-items:center;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-bottom:1px solid #9333ea40;border-radius:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;height:48px;min-height:48px;padding:0 20px;transition:transform .2s,opacity .2s,background .2s;width:100%}.profile-menu-block .profile-menu-item:last-child{border-bottom:none}.profile-menu-block .profile-menu-item:hover{background:#9333ea1a}.profile-menu-block .profile-menu-item:active{opacity:.8;transform:scale(.98)}.menu-icon{flex-shrink:0;height:24px;object-fit:contain;width:24px}.menu-text{color:#fff;flex:1 1;font-size:16px;font-weight:500;text-align:left}.subscription-link-section{display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.subscription-link-label{color:#ffffffb3;font-size:14px;margin:0}.subscription-link-input-container{align-items:center;background:#030010;border:1px solid #9333ea4d;border-radius:12px;display:flex;gap:12px;height:48px;min-height:48px;padding:0 16px}.subscription-link-input{background:none;border:none;color:#fff;flex:1 1;font-size:14px;line-height:1.5;min-width:0;outline:none;padding:12px 0}.subscription-link-input::placeholder{color:#ffffff80}.instruction-button{align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:10px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;height:56px;justify-content:center;margin-top:8px;max-width:400px;min-height:56px;padding:0 24px;transition:transform .2s,opacity .2s;width:100%}.instruction-button:active{opacity:.9;transform:scale(.98)}.instruction-icon{flex-shrink:0;height:24px;object-fit:contain;width:24px}.instruction-text{color:#fff;font-size:16px;font-weight:500;line-height:1.25}.transactions-overlay{align-items:flex-end;animation:transactionsFadeIn .25s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes transactionsFadeIn{0%{opacity:0}to{opacity:1}}.transactions-sheet{animation:transactionsSlideUp .3s ease-out;background:#2e1f4b;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:55vh;max-width:100%;overflow:hidden;padding-bottom:max(24px,env(safe-area-inset-bottom));width:100%}@keyframes transactionsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.transactions-header{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:20px 20px 16px;position:relative}.transactions-title{color:#fff;font-size:20px;font-weight:600;margin:0;text-align:center}.transactions-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s,background .2s;width:40px}.transactions-close:hover{background:#ffffff26}.transactions-close:active{opacity:.8}.transactions-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:180px;overflow-y:auto;padding:24px 20px 32px}.transactions-body:has(.transactions-list){align-items:flex-start;justify-content:flex-start}.transactions-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;width:100%}.transactions-item{background:#1a0b2e80;border:1px solid #9333ea40;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.transactions-item-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.transactions-item-amount{color:#fff;font-size:16px;font-weight:600}.transactions-item-status{border-radius:8px;font-size:13px;font-weight:500;padding:4px 10px}.transactions-item-status.succeeded{background:#22c55e40;color:#86efac}.transactions-item-status.pending{background:#fbbf2440;color:#fde047}.transactions-item-status.canceled,.transactions-item-status.cancelled,.transactions-item-status.failed{background:#ef444440;color:#fca5a5}.transactions-item-meta{color:#fff9;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 16px}.transactions-empty{align-items:center;background:#1a0b2e80;border:1px solid #9333ea40;border-radius:16px;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:280px;padding:32px 24px;width:100%}.transactions-empty-icon{flex-shrink:0;opacity:.9}.transactions-empty-text{color:#fff;font-size:16px;font-weight:500;line-height:1.4;text-align:center}.referral-overlay{align-items:center;animation:referralFadeIn .2s ease-out;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}@keyframes referralFadeIn{0%{opacity:0}to{opacity:1}}.referral-modal{animation:referralSlideIn .25s ease-out;background:#05001a;border:1px solid #9333ea4d;border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:400px;overflow:hidden;width:100%}@keyframes referralSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.referral-header{align-items:center;border-bottom:1px solid #9333ea33;display:flex;flex-shrink:0;justify-content:center;padding:20px 20px 16px;position:relative}.referral-title{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center}.referral-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s,background .2s;width:36px}.referral-close:hover{background:#ffffff26}.referral-close:active{opacity:.8}.referral-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.referral-rewards-box{background:#2e1f4b;border:1px solid #9333ea40;border-radius:12px;padding:16px}.referral-rewards-text{color:#fff;font-size:14px;line-height:1.5;margin:0 0 12px}.referral-friends-count{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.referral-link-section{display:flex;flex-direction:column;gap:8px}.referral-link-label{color:#fff;font-size:14px;font-weight:500;margin:0}.referral-link-container{align-items:center;background:#1a0b2e99;border:1px solid #9333ea80;border-radius:12px;display:flex;gap:12px;height:48px;min-height:48px;padding:0 14px}.referral-link-input{background:none;border:none;color:#fff;flex:1 1;font-size:13px;min-width:0;outline:none;padding:0}.referral-copy-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:opacity .2s}.referral-copy-button:hover{opacity:.8}.referral-copy-icon{height:18px;object-fit:contain;width:18px}.referral-copied-tip{background:#000c;border-radius:6px;bottom:100%;color:#fff;font-size:12px;left:50%;margin-bottom:4px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.referral-history-section{display:flex;flex-direction:column;gap:10px}.referral-history-label{color:#fff;font-size:14px;font-weight:500;margin:0}.referral-history-empty{align-items:center;background:#1a0b2e80;border:1px solid #9333ea40;border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:140px;padding:32px 20px}.referral-history-icon{flex-shrink:0;opacity:.85}.referral-history-text{color:#fff;font-size:15px;font-weight:500;line-height:1.4;text-align:center}.agreement-overlay{align-items:flex-end;animation:agreementFadeIn .2s ease-out;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes agreementFadeIn{0%{opacity:0}to{opacity:1}}.agreement-modal{animation:agreementSlideUp .3s ease-out;background:#2e1f4b;border-left:1px solid #9333ea33;border-radius:20px 20px 0 0;border-right:1px solid #9333ea33;border-top:1px solid #9333ea4d;display:flex;flex-direction:column;max-height:85vh;max-width:100%;overflow:hidden;padding-bottom:max(24px,env(safe-area-inset-bottom));width:100%}@keyframes agreementSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.agreement-header{align-items:center;border-bottom:1px solid #9333ea33;display:flex;flex-shrink:0;justify-content:center;padding:20px 20px 16px;position:relative}.agreement-title{color:#fff;font-size:18px;font-weight:600;margin:0;padding:0 48px;text-align:center}.agreement-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s,background .2s;width:36px}.agreement-close:hover{background:#ffffff26}.agreement-close:active{opacity:.8}.agreement-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px}.agreement-section{display:flex;flex-direction:column;gap:10px}.agreement-heading{color:#fff;font-size:16px;font-weight:600;line-height:1.3;margin:0}.agreement-text{color:#ffffffe6;font-size:14px;font-weight:400;line-height:1.55;margin:0;text-align:left}.payment-page{height:100vh;overflow:hidden;position:relative;width:100vw}.payment-background{background:#05001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.payment-content{display:flex;flex-direction:column;height:100%;padding:0;position:relative;width:100%;z-index:1}.payment-header{align-items:center;display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 20px 16px}.payment-title{color:#fff;font-size:24px;font-weight:600;margin:0}.payment-body{flex:1 1;overflow-y:auto;padding:24px 20px}.payment-body,.payment-methods-section{display:flex;flex-direction:column;gap:16px}.payment-methods-section{background:#2e1f4b;border:1px solid #9333ea4d;border-radius:16px;padding:20px;width:100%}.payment-methods-section-title{color:#fff;font-size:18px;font-weight:600;margin:0}.payment-methods-section-desc{color:#ffffffb3;font-size:14px;line-height:1.4;margin:0}.payment-methods-list{display:flex;flex-direction:column;gap:10px}.payment-method-item{align-items:center;background:#9333ea1a;border:1px solid #9333ea66;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:14px 18px;text-align:left;transition:background .2s,border-color .2s;width:100%}.payment-method-item:hover{background:#9333ea33;border-color:#9333ea99}.payment-method-item-selected{background:linear-gradient(90deg,#7c3aed66,#2563eb66);border-color:#9333eacc}.payment-method-item-label{flex:1 1}.payment-method-item-check{color:#22c55e;flex-shrink:0}.payment-auto-renewal-button{-webkit-appearance:none;appearance:none;background:#2e1f4b;border:1px solid #9333ea4d;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;font:inherit;min-height:56px;padding:16px 20px;transition:transform .2s,opacity .2s;width:100%}.payment-auto-renewal-button:hover{opacity:.95}.payment-auto-renewal-button:active{opacity:.9;transform:scale(.98)}.setup-flow{height:100vh;overflow:hidden;position:relative;width:100vw}.setup-flow .background{background:#05001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.setup-content{height:100%;padding:60px 20px max(24px,env(safe-area-inset-bottom));position:relative;z-index:1}.setup-bottom-block,.setup-content{align-items:center;display:flex;flex-direction:column;width:100%}.setup-bottom-block{margin-top:auto;max-width:400px}.setup-bottom-block .setup-title{margin-top:0}.setup-bottom-block .setup-description{margin-bottom:24px}.setup-icon-container{align-items:center;display:flex;height:200px;justify-content:center;margin-top:40px;position:relative;width:200px}.setup-ripple{animation:ripple 3s ease-out infinite;border:1px solid #9333ea4d;border-radius:50%;height:200px;width:200px}.setup-ripple,.setup-ripple:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.setup-ripple:before{animation:ripple 3s ease-out .5s infinite;border:1px solid #9333ea40;border-radius:50%;content:"";height:160px;width:160px}.setup-ripple:after{animation:ripple 3s ease-out 1s infinite;border:1px solid #9333ea33;border-radius:50%;content:"";height:120px;width:120px}.setup-ripple:after,.setup-success-ripple{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.setup-success-ripple{animation:ripple 3s ease-out infinite;border:1px solid #10b9814d;border-radius:50%;height:200px;width:200px}.setup-success-ripple:before{animation:ripple 3s ease-out .5s infinite;border:1px solid #10b98140;border-radius:50%;height:160px;width:160px}.setup-success-ripple:after,.setup-success-ripple:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.setup-success-ripple:after{animation:ripple 3s ease-out 1s infinite;border:1px solid #10b98133;border-radius:50%;height:120px;width:120px}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.setup-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.setup-icon-image{height:80px;object-fit:contain;width:80px}.setup-success-icon{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.setup-done-image{height:60px;object-fit:contain;width:60px}.button-icon-small{height:20px;object-fit:contain;width:20px}.setup-title{color:#fff;font-size:28px;font-weight:600;margin:0;text-align:center}.setup-description{color:#fffc;font-size:16px;line-height:1.5;margin:16px 0 0;max-width:320px;text-align:center}.setup-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.setup-primary-button{background:linear-gradient(90deg,#9333ea,#3b82f6);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:56px;transition:transform .2s,opacity .2s;width:100%}.setup-primary-button:active{opacity:.9;transform:scale(.98)}.setup-secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0b2e99;border:1px solid #9333ea80;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:56px;transition:transform .2s,opacity .2s,border-color .2s;width:100%}.setup-secondary-button:active{border-color:#9333eab3;opacity:.8;transform:scale(.98)}.setup-buttons-row{display:flex;gap:12px;width:100%}.setup-install-button{align-items:center;background:linear-gradient(90deg,#9333ea,#3b82f6);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;height:56px;justify-content:center;transition:transform .2s,opacity .2s}.setup-install-button:active{opacity:.9;transform:scale(.98)}.setup-next-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0b2e99;border:1px solid #9333ea80;border-radius:16px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;height:56px;transition:transform .2s,opacity .2s,border-color .2s}.setup-next-button:active{border-color:#9333eab3;opacity:.8;transform:scale(.98)}.setup-add-button{align-items:center;background:linear-gradient(90deg,#9333ea,#3b82f6);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;height:56px;justify-content:center;transition:transform .2s,opacity .2s}.setup-add-button:active{opacity:.9;transform:scale(.98)}.setup-complete-button{background:linear-gradient(90deg,#9333ea,#3b82f6);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:56px;transition:transform .2s,opacity .2s;width:100%}.setup-complete-button:active{opacity:.9;transform:scale(.98)}.toast{align-items:center;animation:toastSlideUp .3s ease-out;background:#2e1f4b;border:1px solid #9333ea4d;border-radius:12px;bottom:24px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;justify-content:space-between;left:50%;max-width:90vw;min-width:280px;padding:14px 18px;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-message{color:#fff;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:color .2s}.toast-close:hover{color:#fff}.toast-error{background:#7f1d1d4d;border-color:#ef444480}.toast-success{background:#14532d4d;border-color:#22c55e80}.toast-info{background:#1e3a8a4d;border-color:#3b82f680}.tariff-page{height:100vh;overflow:hidden;position:relative;width:100vw}.tariff-background{background:#05001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.tariff-content{display:flex;flex-direction:column;height:100%;padding:0;position:relative;width:100%;z-index:1}.tariff-header{align-items:center;display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 20px 16px}.tariff-title{color:#fff;font-size:24px;font-weight:600;margin:0}.tariff-body{align-items:center;flex:1 1;gap:24px;overflow-y:auto;padding:24px 20px}.tariff-body,.tariff-cards{display:flex;flex-direction:column}.tariff-cards{gap:16px;max-width:400px;width:100%}.tariff-card{background:#2e1f4b99;border:1px solid #fff3;border-radius:16px;cursor:pointer;padding:20px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.tariff-card:hover{border-color:#9333ea80}.tariff-card-selected{border-color:#9333eacc;box-shadow:0 0 0 1px #9333ea4d}.tariff-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.tariff-card-name{color:#fff;font-size:20px;font-weight:600}.tariff-card-price-badge{background:linear-gradient(90deg,#9333ea,#3b82f6);border-radius:20px;color:#fff;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px}.tariff-card-features{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0;padding-left:18px}.tariff-card-features li{margin-bottom:4px}.tariff-card-features li:last-child{margin-bottom:0}.tariff-next-button{align-items:center;background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:28px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-top:auto;max-width:400px;min-height:56px;padding:16px 24px max(16px,env(safe-area-inset-bottom));transition:transform .2s,opacity .2s;width:100%}.tariff-next-button:hover{opacity:.95}.tariff-next-button:active{opacity:.9;transform:scale(.98)}.subscription-selection-page{height:100vh;overflow:hidden;position:relative;width:100vw}.subscription-selection-background{background:#05001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.subscription-selection-content{display:flex;flex-direction:column;height:100%;padding:0;position:relative;width:100%;z-index:1}.subscription-selection-header{align-items:center;display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 20px 16px}.subscription-selection-title{color:#fff;font-size:24px;font-weight:600;margin:0}.subscription-selection-body{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px 20px}.subscription-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:400px;width:100%}.subscription-plan-card{align-items:flex-start;background:#2e1f4b99;border:1px solid #9333ea4d;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:28px 16px 16px;position:relative;text-align:left;transition:border-color .2s,box-shadow .2s}.subscription-plan-card:hover{border-color:#9333ea99}.subscription-plan-card-selected{border-color:#9333eae6;box-shadow:0 0 12px #9333ea40}.subscription-plan-badge{background:#9333ea66;border-radius:12px;color:#fff;font-size:10px;font-weight:600;left:12px;letter-spacing:.5px;padding:4px 8px;position:absolute;top:8px}.subscription-plan-label{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.subscription-plan-price{color:#fff;font-size:20px;font-weight:600;margin-bottom:4px}.subscription-plan-price-per-month{color:#ffffffb3;font-size:13px}.subscription-selection-pay-button{align-items:center;background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:28px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-top:auto;max-width:400px;min-height:56px;padding:16px 24px max(16px,env(safe-area-inset-bottom));transition:transform .2s,opacity .2s;width:100%}.subscription-selection-pay-button:hover{opacity:.95}.subscription-selection-pay-button:active{opacity:.9;transform:scale(.98)}.confirmation-overlay{align-items:flex-end;animation:confirmationFadeIn .2s ease-out;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1001}@keyframes confirmationFadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{animation:confirmationSlideUp .25s ease-out;background:#05001a;border:1px solid #9333ea4d;border-bottom:none;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-width:480px;overflow:hidden;padding-bottom:max(20px,env(safe-area-inset-bottom));width:100%}@keyframes confirmationSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirmation-header{align-items:center;border-bottom:1px solid #9333ea33;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 20px 16px}.confirmation-title{color:#fff;font-size:18px;font-weight:600;margin:0}.confirmation-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:opacity .2s}.confirmation-close:hover{opacity:.8}.confirmation-body{display:flex;flex-direction:column;gap:16px;padding:20px}.confirmation-row{display:flex;flex-direction:column;gap:4px}.confirmation-label{color:#fff9;font-size:13px}.confirmation-value{color:#fff;font-size:16px;font-weight:500}.confirmation-payment-methods{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.confirmation-payment-method-btn{background:#9333ea26;border:1px solid #9333ea80;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:background .2s,border-color .2s}.confirmation-payment-method-btn:hover{background:#9333ea40;border-color:#9333eab3}.confirmation-payment-method-btn-selected{background:linear-gradient(90deg,#7c3aed,#2563eb);border-color:#0000}.confirmation-error{color:#f87171;font-size:14px;margin:0;padding:8px 0}.confirmation-pay-button{align-items:center;background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:28px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-top:8px;min-height:56px;transition:transform .2s,opacity .2s;width:100%}.confirmation-pay-button:hover{opacity:.95}.confirmation-pay-button:active{opacity:.9;transform:scale(.98)}.confirmation-pay-button:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.81eff358.css.map*/