*{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;flex-direction:column;position:relative}.background{background:radial-gradient(circle at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.background{background:radial-gradient(circle 120vmin at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%)}}.content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:24px 20px;position:relative;width:100%;z-index:1}.buttons-wrapper{background:#030010;border-radius:20px;margin-top:24px;max-width:400px;padding:20px 20px 24px}.buttons-container,.buttons-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.bottom-buttons{display:flex;gap:12px}.success-page-content{color:#fff;justify-content:center;padding:1.5rem;text-align:center}.success-page-message{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:1rem;text-shadow:0 0 20px #00000080,0 1px 2px #0006}.success-page-message-canceled{color:#f0f0f0}.success-page-button{margin:0 auto;max-width:200px}.success-page-open-app{background:#ffffff1f;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;display:block;font-size:14px;margin:.5rem auto 0;max-width:260px;padding:10px 16px;text-decoration:none}.success-page-open-app:hover{background:#ffffff2e}.app-header{flex-shrink:0;padding-top:calc(env(safe-area-inset-top) + 52px);position:relative;z-index:10}.app-header-inner{align-items:center;display:flex;gap:10px;height:48px;justify-content:center;padding:0 16px}.app-header-icon{border-radius:6px;height:28px;object-fit:contain;width:28px}.app-header-title{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.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 1.5s ease infinite;border:2px solid #9333eab3;border-radius:50%;height:172px;margin-left:-86px;margin-top:-86px;width:172px;z-index:3}.logo-ring,.ripple{box-sizing:border-box;left:50%;pointer-events:none;position:absolute;top:50%}.ripple{animation:rippleExpand 3s ease infinite;border-radius:1000px;border-style:solid;border-width:2px;transform:translate(-50%,-50%);z-index:1}.ripple-1{animation-delay:0s}.ripple-2{animation-delay:1.5s}.ripple-3{animation-delay:3s}.ripple-4{animation-delay:4.5s}@keyframes logoRingPulse{0%,to{border-color:#9333eabf;opacity:1;transform:scale(1)}50%{border-color:#9333ea73;opacity:.6;transform:scale(1.06)}}@keyframes rippleExpand{0%{border-color:#7e57ff4d;height:180px;opacity:1;transform:translate(-50%,-50%);width:180px}33.33%{border-color:#9d7fff33;height:260px;opacity:1;transform:translate(-50%,-50%);width:260px}66.66%{border-color:#5e2dff1a;height:340px;opacity:1;transform:translate(-50%,-50%);width:340px}to{border-color:#5e2dff1a;height:340px;opacity:0;transform:translate(-50%,-50%);width:340px}}.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:12px;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:12px;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:12px;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:12px;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{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.profile-page .background{background:radial-gradient(ellipse at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.profile-page .background{background:radial-gradient(circle 120vmin at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%)}}.profile-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;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{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px 20px}.profile-info-section{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.profile-name{color:#fff;font-size:24px;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-item{align-items:center;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0b2e99;border:1px solid #9333ea80;border-radius:12px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:16px;height:56px;min-height:56px;padding:0 20px;transition:transform .2s,opacity .2s,border-color .2s;width:100%}.profile-menu-item:hover{border-color:#9333eab3}.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:12px;margin-top:8px}.subscription-link-label{color:#ffffffb3;font-size:14px;margin:0}.subscription-link-input-container{align-items:center;background:#1a0b2e99;border:1px solid #9333ea80;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:#7e57ff99;border:none;border-radius:12px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;height:56px;justify-content:center;margin-top:8px;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{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.payment-background{background:radial-gradient(ellipse at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.payment-background{background:radial-gradient(circle 120vmin at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%)}}.payment-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;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 #9333eacc;border-radius:12px;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:#9333ea26;border:1px solid #9333eacc;border-radius:12px;box-sizing:border-box;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,border .2s;width:100%}.payment-method-item:hover{background:#9333ea40;border-color:#9333ea99}.payment-method-item-selected{background:#7e57ff;border:none}.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:#7e57ff;border:none;border-radius:12px;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{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.setup-flow .background{background:radial-gradient(ellipse at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.setup-flow .background{background:radial-gradient(circle 120vmin at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%)}}.setup-content{flex:1 1;flex-direction:column;justify-content:space-between;padding:24px 20px 40px;width:100%;z-index:1}.setup-content,.setup-icon-container{align-items:center;display:flex;position:relative}.setup-icon-container{height:200px;justify-content:center;margin-top:40px;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-text-buttons{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;margin-top:auto;max-width:400px;padding-bottom:max(20px,env(safe-area-inset-bottom));width:100%}.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:0 0 15px;max-width:320px;text-align:center}.setup-text-buttons .setup-buttons,.setup-text-buttons .setup-buttons-row{margin-top:3px}.setup-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.setup-primary-button{background:#7e57ff;border:none;border-radius:12px;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{background:#7e57ff99;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:56px;transition:transform .2s,opacity .2s;width:100%}.setup-secondary-button:active{opacity:.9;transform:scale(.98)}.setup-buttons-row{display:flex;gap:12px;width:100%}.setup-install-button{align-items:center;background:#7e57ff;border:none;border-radius:12px;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{background:#7e57ff99;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;height:56px;transition:transform .2s,opacity .2s}.setup-next-button:active{opacity:.9;transform:scale(.98)}.setup-add-button{align-items:center;background:#7e57ff;border:none;border-radius:12px;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:#7e57ff;border:none;border-radius:12px;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}.fanfare-confetti{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.fanfare-piece{animation:fanfare-sequence 3s ease-in-out forwards;animation:fanfare-sequence var(--duration,3s) ease-in-out forwards;animation-delay:0s;animation-delay:var(--delay,0s);opacity:0;position:absolute}.fanfare-left{left:-20px;transform-origin:left bottom}.fanfare-right{left:auto;right:-20px;transform-origin:right bottom}.fanfare-square{border-radius:2px}.fanfare-dot{border-radius:50%}.fanfare-sausage-wrap{height:114px;width:42px;z-index:2}.fanfare-sausage-wrap.fanfare-left{left:-8px}.fanfare-sausage-wrap.fanfare-right{left:auto;right:-8px}.fanfare-left.fanfare-sausage-wrap{animation-name:fanfare-sequence-left}.fanfare-right.fanfare-sausage-wrap{animation-name:fanfare-sequence-right}.fanfare-ribbon{shape-rendering:geometricPrecision;animation:ribbon-spin .4s ease-out forwards;animation-delay:0s;animation-delay:var(--delay,0s);animation-iteration-count:1;display:block;height:100%;left:0;opacity:1;position:absolute;top:0;transform:rotate(0deg);transform:rotate(var(--rotation,0deg));width:100%}@keyframes ribbon-spin{0%{transform:rotate(0deg) rotate(0deg);transform:rotate(var(--rotation,0deg)) rotate(0deg)}to{transform:rotate(0deg) rotate(180deg);transform:rotate(var(--rotation,0deg)) rotate(180deg)}}.fanfare-left.fanfare-dot,.fanfare-left.fanfare-square{animation-name:fanfare-sequence-left}.fanfare-right.fanfare-dot,.fanfare-right.fanfare-square{animation-name:fanfare-sequence-right}@keyframes fanfare-sequence-left{0%{opacity:0;transform:translate(0) scale(.2)}15%{opacity:1;transform:translate(50vw,-50vh) scale(1);transform:translate(var(--peak-x,50vw),var(--peak-y,-50vh)) scale(1)}30%{opacity:1;transform:translate(50vw,-50vh) scale(1);transform:translate(var(--peak-x,50vw),var(--peak-y,-50vh)) scale(1)}to{opacity:0;transform:translate(50vw,-50vh) scale(.9);transform:translate(var(--peak-x,50vw),var(--peak-y,-50vh)) scale(.9)}}@keyframes fanfare-sequence-right{0%{opacity:0;transform:translate(0) scale(.2)}15%{opacity:1;transform:translate(-50vw,-50vh) scale(1);transform:translate(var(--peak-x,-50vw),var(--peak-y,-50vh)) scale(1)}30%{opacity:1;transform:translate(-50vw,-50vh) scale(1);transform:translate(var(--peak-x,-50vw),var(--peak-y,-50vh)) scale(1)}to{opacity:0;transform:translate(-50vw,-50vh) scale(.9);transform:translate(var(--peak-x,-50vw),var(--peak-y,-50vh)) scale(.9)}}.tariff-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.tariff-background{background:radial-gradient(ellipse at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.tariff-background{background:radial-gradient(circle 120vmin at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%)}}.tariff-content{box-sizing:border-box;padding:20px 20px max(20px,env(safe-area-inset-bottom));position:relative;z-index:1}.tariff-content,.tariff-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.tariff-panel{background:#0006;border-radius:20px;margin:24px auto 0;max-width:400px;padding:20px}.tariff-title{color:#fff;flex-shrink:0;font-size:24px;font-weight:600;margin:0 0 20px;text-align:left}.tariff-body{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0;overflow-y:auto;padding:0}.tariff-footer{flex-shrink:0;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:16px}.tariff-cards{display:flex;flex-direction:column;gap:16px;max-width:400px;width:100%}.tariff-card{background:linear-gradient(180deg,#0000,#8661ff33);border:1px solid #7e57ff4d;border-radius:16px;cursor:pointer;padding:20px;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s;width:100%}.tariff-card:hover{border-color:#7e57ff4d}.tariff-card-selected{background:linear-gradient(180deg,#0000,#8661ff99 91.83%);border:1px solid #7e57ff;box-shadow:0 0 0 1px #7e57ff4d}.tariff-card-selected:hover{border-color:#7e57ff}.tariff-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.tariff-card-name{color:#fff;font-size:22px;font-weight:600}.tariff-card-price-badge{background:#7346ff;border-radius:4px;color:#fff;flex-shrink:0;font-size:12px;font-weight:500;opacity:1;padding:5px}.tariff-card-features{color:#ffffffd9;font-size:13px;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:#7e57ff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:56px;opacity:1;padding:14px 20px;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{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.subscription-selection-background{background:radial-gradient(ellipse at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.subscription-selection-background{background:radial-gradient(circle 120vmin at 50% 35%,#120a31 0,#120a31 20%,#05011d 40%,#05001a 65%,#05001a 100%)}}.subscription-selection-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0;position:relative;width:100%;z-index:1}.subscription-selection-title{align-self:flex-start;color:#fff;font-size:24px;font-weight:600;margin:0 0 20px;text-align:left;width:100%}.subscription-selection-body{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:8px 20px 24px}.subscription-selection-panel{align-items:flex-start;background:#0c0a1d;border-radius:20px;display:flex;flex-direction:column;gap:0;margin:0 auto 165px;max-width:400px;padding:24px 20px;width:100%}.subscription-selection-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-items:center;margin-bottom:16px;margin-left:-7px;width:100%}.subscription-plan-card{align-items:center;background:linear-gradient(180deg,#0000,#8661ff33);border:1px solid #7e57ff4d;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:139px;opacity:1;padding:20px 16px;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s;width:140px}.subscription-plan-card:hover{border-color:#7e57ff4d}.subscription-plan-card-selected{background:linear-gradient(180deg,#0000,#8661ff99 91.83%);border:1px solid #7e57ff;box-shadow:0 0 0 1px #7e57ff4d,0 0 12px #7e57ff40}.subscription-plan-card-selected:hover{border-color:#7e57ff}.subscription-plan-label{font-size:14px}.subscription-plan-badge,.subscription-plan-label{color:#fff;font-weight:600;line-height:1.2;margin:0 0 6px}.subscription-plan-badge{background:#281e52;border-radius:10px;font-size:9px;letter-spacing:.5px;padding:3px 8px}.subscription-plan-price{color:#fff;font-size:18px;font-weight:600;line-height:1.2;margin:0 0 4px}.subscription-plan-price-per-month{color:#ffffffb3;font-size:11px;line-height:1.2;white-space:nowrap}.subscription-selection-pay-button{align-items:center;background:#7e57ff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-top:200px;min-height:56px;opacity:1;padding:14px 14px max(14px,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 .25s 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 .3s ease-out;background:#19191b;border-radius:24px 24px 0 0;box-shadow:0 -4px 24px #0006;max-width:100%;padding:24px 20px max(20px,env(safe-area-inset-bottom));position:relative;width:100%}@keyframes confirmationSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirmation-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.confirmation-close{align-items:center;background:#ffffff0a;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:opacity .2s}.confirmation-close:hover{opacity:.8}.confirmation-main-card{background:#ffffff1a;border-radius:18px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px 16px;transition:background .2s ease}.confirmation-main-line{color:#fff;font-size:15px}.confirmation-main-line-secondary{color:#fff}.confirmation-main-divider{background:#ffffff1a;height:1px}.confirmation-method-card{align-items:center;background:#ffffff1a;border-radius:18px;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px;transition:background .2s ease}.confirmation-method-left{align-items:center;display:flex;gap:10px}.confirmation-method-icon{border-radius:6px;flex-shrink:0;height:24px;overflow:hidden;width:32px}.confirmation-method-icon-img{height:100%;object-fit:contain;width:100%}.confirmation-method-icon-svg{display:block}.confirmation-method-text{color:#fff;font-size:14px}.confirmation-method-edit{background:#ffffff0f;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.confirmation-method-edit:hover{background:#ffffff1f}.confirmation-pay-button{align-items:center;background:#7e57ff;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-top:8px;min-height:52px;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}.pm-overlay{align-items:center;animation:pmOverlayFadeIn .25s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1002}@keyframes pmOverlayFadeIn{0%{opacity:0}to{opacity:1}}.pm-modal{animation:pmModalScaleIn .3s ease-out;background:#19191b;border-radius:24px;box-shadow:0 18px 40px #0009;max-width:440px;padding:24px 20px 20px;position:relative;width:100%}@keyframes pmModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pm-close{align-items:center;background:#ffffff0a;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px}.pm-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 18px;text-align:center}.pm-body{display:flex;flex-direction:column;gap:10px}.pm-method-row{align-items:center;background:#ffffff1a;border:none;border-radius:18px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .2s ease,outline .2s ease;width:100%}.pm-method-row-selected{outline:1px solid #7e57ffcc}.pm-method-left{align-items:center;display:flex;gap:10px}.pm-method-icon{border-radius:6px;flex-shrink:0;height:24px;overflow:hidden;width:32px}.pm-method-icon-img{height:100%;object-fit:contain;width:100%}.pm-method-icon-svg{display:block}.pm-method-text{color:#fff;font-size:14px}.pm-check{align-items:center;display:flex;flex-shrink:0;justify-content:center}.pm-check path{fill:#60ffb0!important}.email-overlay{align-items:center;animation:emailOverlayFadeIn .25s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1002}@keyframes emailOverlayFadeIn{0%{opacity:0}to{opacity:1}}.email-modal{animation:emailModalScaleIn .3s ease-out;background:#19191b;border-radius:24px;box-shadow:0 18px 40px #0009;max-width:420px;padding:28px 20px 20px;position:relative;text-align:center;width:100%}@keyframes emailModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.email-close{align-items:center;background:#ffffff0a;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px}.email-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.email-subtitle{color:#fffc;font-size:14px;margin:0 0 14px}.email-input{background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;padding:10px 14px;transition:background .2s ease,border-color .2s ease;width:100%}.email-input::placeholder{color:#fff6}.email-error{color:#f87171;font-size:13px;margin:8px 0 0}.email-save-button{background:#7e57ff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;min-height:48px;width:100%}.email-save-button:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.d0b7183e.css.map*/