
.subs-page{display:none;padding:18px 0 76px}.subs-page.active{display:block}.subs-hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid #ffffff24;border-radius:28px;background:radial-gradient(circle at 85% 5%,#5b4cff55,transparent 38%),linear-gradient(140deg,#101a37,#090d18 65%)}.subs-hero:after{content:'△ ○ × □';position:absolute;right:4%;top:10%;font-size:clamp(34px,8vw,90px);font-weight:900;letter-spacing:.15em;color:#ffffff09;transform:rotate(-8deg)}.subs-hero>*{position:relative;z-index:1}.subs-hero h1{max-width:820px;margin:8px 0 14px;font-size:clamp(36px,6vw,68px);line-height:1;letter-spacing:-2px}.subs-hero p{max-width:780px;color:#cbd3e2;font-size:17px}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.benefit{padding:14px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff09;color:#e7ebf5;font-weight:700}.subs-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:42px 0 17px}.subs-head h2{font-size:30px;margin:0}.subs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sub-card{display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(155deg,#141a28,#0b1019);box-shadow:0 18px 50px #0004}.sub-card.deluxe{border-color:#9d84ff77;background:linear-gradient(155deg,#211b39,#0b1019)}.sub-card.extra{border-color:#438fff66}.sub-tag{width:max-content;padding:5px 9px;border-radius:99px;background:#ffffff12;color:#b9c8ff;font-size:11px;font-weight:900;text-transform:uppercase}.sub-card h3{font-size:25px;margin:0 0 14px}.sub-plan-art{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;margin:0 0 16px;border:1px solid #ffffff24;border-radius:18px;isolation:isolate}.sub-plan-art:before,.sub-plan-art:after{content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.sub-plan-art:before{width:115%;height:70%;right:-35%;top:-14%;transform:rotate(-26deg)}.sub-plan-art:after{width:100%;height:55%;left:-28%;bottom:-24%;transform:rotate(24deg)}.sub-plan-art img{display:block;width:82%;height:auto;box-shadow:0 10px 36px #0005}.sub-plan-art span{width:72%;padding:10px;border:1px solid #e7be44;color:#e7be44;font-size:clamp(15px,1.6vw,21px);font-weight:850;letter-spacing:.34em;text-align:center}.deluxe .sub-plan-art{background:linear-gradient(135deg,#121212 0%,#24201a 54%,#050505 100%)}.deluxe .sub-plan-art:before{background:linear-gradient(135deg,#b0831e,#f2d77b 48%,#332508)}.deluxe .sub-plan-art:after{background:#1b1b1b}.extra .sub-plan-art{background:linear-gradient(140deg,#f9bd00,#ffe25d 54%,#e8a800)}.extra .sub-plan-art:before{background:#fff08a66}.extra .sub-plan-art:after{background:#d9930055}.essential .sub-plan-art{background:linear-gradient(145deg,#f7f7f4,#d9d9d5 56%,#fff)}.essential .sub-plan-art:before{background:#ffffff}.essential .sub-plan-art:after{background:#e5b71355}.sub-card>p{color:var(--muted);min-height:48px}.sub-features{padding:0;list-style:none;display:grid;gap:8px;margin:12px 0 19px}.sub-features li:before{content:'✓';color:#79a7ff;font-weight:900;margin-right:8px}.duration{display:flex;gap:6px;margin-top:auto}.duration button{flex:1;min-height:42px;border:1px solid #ffffff22;border-radius:9px;background:#111722;color:#d7ddea;font-weight:800;cursor:pointer}.duration button.active{background:#fff;color:#09101c}.sub-price{margin:18px 0 13px;font-size:clamp(29px,3vw,39px);font-weight:950;white-space:nowrap;overflow-wrap:anywhere}.sub-order{display:flex;justify-content:center;padding:12px;border-radius:11px;background:linear-gradient(135deg,#745cff,#217cec);color:white;font-weight:900}.official{display:inline-flex;gap:7px;margin-top:12px;color:#8fb8ff;font-weight:750}.ea-block{margin-top:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;padding:28px;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(135deg,#14221e,#0b1119)}.ea-block h2{font-size:31px;margin:0 0 8px}.compare{margin-top:42px}.compare h2{font-size:30px}.compare-table{width:100%;border-collapse:collapse;border:1px solid #ffffff1c;border-radius:18px;overflow:hidden}.compare-table th,.compare-table td{padding:13px;text-align:center;border-bottom:1px solid #ffffff13}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table th{background:#ffffff0a}.yes{color:#72e69b;font-weight:900}.no{color:#778196}.official-links{display:flex;gap:13px;flex-wrap:wrap;margin:25px 0 7px}.official-links a{color:#93baff;font-weight:750}.sub-price:empty{min-height:45px}.sub-price.sub-price-pending{font-size:17px;white-space:normal;line-height:1.5}#subscriptionLoadStatus{font-size:14px}#subscriptionLoadStatus:empty{display:none}.subs-note{color:var(--muted);font-size:13px}.subs-error{text-align:center;padding:35px;border:1px dashed #ffffff25;border-radius:18px}.retry{margin-top:12px;padding:10px 14px;border:0;border-radius:10px;font-weight:850}.admin-subscriptions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-sub-group{padding:14px;border:1px solid #ffffff18;border-radius:13px}.admin-sub-group h3{margin:0 0 8px}.admin-sub-group label{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:9px;margin:8px 0;color:#b4bdcd}.admin-sub-group input{width:100%;padding:9px;border:1px solid #30384a;border-radius:8px;background:#080c14;color:#fff}.mobile-plan{display:none}.subs-skeleton{height:430px;border-radius:20px;background:linear-gradient(100deg,#101622 30%,#1b2332 50%,#101622 70%);background-size:300% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-150% 0}}@media(max-width:900px){.subs-grid{grid-template-columns:1fr}.sub-card>p{min-height:0}.sub-plan-art{max-width:440px;width:100%}.ea-block{grid-template-columns:1fr}.benefit-row{grid-template-columns:1fr}.admin-subscriptions{grid-template-columns:1fr}}@media(max-width:650px){.compare-table{display:none}.mobile-plan{display:grid;gap:10px}.mobile-plan article{padding:15px;border:1px solid #ffffff1c;border-radius:14px;background:#0d121c}.mobile-plan h3{margin:0 0 8px}.mobile-plan p{margin:5px 0;color:#cbd3e2}.subs-head{align-items:flex-start;flex-direction:column}.subs-page{padding-top:8px}.subs-hero{border-radius:20px}.sub-card{padding:18px}.sub-card h3{font-size:23px}.duration button{min-height:46px}}
