@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--bg: #0e0e14;--card: #16161f;--card-hover: #1c1c28;--accent: #6c63ff;--accent-light: #8b85ff;--accent-glow: rgba(108, 99, 255, .18);--green: #3ddc97;--green-glow: rgba(61, 220, 151, .15);--red: #ff5c5c;--red-glow: rgba(255, 92, 92, .12);--yellow: #ffc850;--yellow-glow: rgba(255, 200, 80, .12);--text: #f0f0f8;--muted: #7a7a9a;--border: rgba(255, 255, 255, .07);--border-accent: rgba(108, 99, 255, .35);--topbar-bg: rgba(14, 14, 20, .88);--bottom-nav-bg: rgba(14, 14, 20, .92);--product-hero-base: #11111a;--product-hero-overlay: linear-gradient(to bottom, transparent 35%, rgba(14, 14, 20, .95) 100%);--logo-accent-start: #fff;--logo-accent-end: var(--accent-light)}:root[data-theme=light]{--bg: #f5f7fb;--card: #ffffff;--card-hover: #eef2f8;--accent: #6257f6;--accent-light: #6f66ff;--accent-glow: rgba(98, 87, 246, .14);--green: #13a46f;--green-glow: rgba(19, 164, 111, .13);--red: #db3f4a;--red-glow: rgba(219, 63, 74, .1);--yellow: #bf7b00;--yellow-glow: rgba(191, 123, 0, .12);--text: #181926;--muted: #687086;--border: rgba(20, 24, 45, .1);--border-accent: rgba(98, 87, 246, .28);--topbar-bg: rgba(245, 247, 251, .9);--bottom-nav-bg: rgba(255, 255, 255, .94);--product-hero-base: #e9edf7;--product-hero-overlay: linear-gradient(to bottom, transparent 35%, rgba(245, 247, 251, .94) 100%);--logo-accent-start: #181926;--logo-accent-end: #4f46e5}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.65}.app{background:var(--bg);margin:0 auto;max-width:420px;min-height:100vh;overflow:hidden;position:relative}.app:before,.app:after{border-radius:999px;content:"";pointer-events:none;position:fixed;z-index:0}.app:before{background:radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 70%);height:340px;left:-60px;top:-120px;width:340px}.app:after{background:radial-gradient(circle,rgba(61,220,151,.08) 0%,transparent 70%);bottom:60px;height:280px;right:-80px;width:280px}.page{min-height:100vh;padding-bottom:96px;position:relative;z-index:1}.page-no-nav{padding-bottom:28px}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--topbar-bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 20px 12px;position:sticky;top:0;z-index:10}.topbar strong{font-family:Syne,sans-serif;font-size:16px}.topbar-spacer{width:60px}.topbar-right{align-items:center;display:flex;gap:10px}.logo{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px}.logo-accent{background:linear-gradient(135deg,var(--logo-accent-start) 0%,var(--logo-accent-end) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-tail{background:linear-gradient(135deg,var(--accent),#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.avatar-btn,.icon-btn{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center}.avatar-btn{background:linear-gradient(135deg,var(--accent),var(--green));border-radius:999px;color:#fff;flex:0 0 36px;font-family:Syne,sans-serif;font-size:14px;font-weight:800;height:36px;width:36px}.icon-btn{background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:16px;height:36px;transition:all .2s ease;width:36px}.icon-btn:hover,.icon-btn:focus-visible{background:var(--card-hover);color:var(--text)}.back-link{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;padding:0}.notice-card,.state-card{background:var(--card);border:1px solid var(--border);border-radius:14px;font-size:13px;line-height:1.45;margin:12px 20px 0;padding:12px 16px}.notice-card.warning{background:var(--yellow-glow);border-color:#ffc85047;color:var(--yellow)}.notice-card.danger{background:var(--red-glow);border-color:#ff5c5c47;color:var(--red)}.notice-card.success{background:var(--green-glow);border-color:#3ddc9747;color:var(--green)}.product-notice{margin-bottom:12px}.email-banner{align-items:center;background:linear-gradient(135deg,#ffc8501a,#ffc8500f);border:1px solid rgba(255,200,80,.3);border-radius:14px;cursor:pointer;display:flex;gap:10px;margin:12px 20px 0;padding:12px 16px;text-align:left;width:calc(100% - 40px)}.email-icon{align-items:center;background:#ffc8501f;border-radius:9px;color:var(--yellow);display:inline-flex;flex:0 0 30px;font-weight:800;height:30px;justify-content:center}.email-copy{display:grid;flex:1;gap:1px}.email-copy strong{color:var(--yellow);font-size:13px;font-weight:700}.email-copy small{color:#ffc850ad;font-size:11px}.chevron{color:var(--yellow);font-size:18px}.search-wrap{padding:14px 20px 6px}.search-box{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;gap:10px;padding:11px 16px;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-box span{color:var(--muted);font-size:18px}.search-box input{background:transparent;border:0;color:var(--text);flex:1;font-size:14px;min-width:0;outline:0}.search-box input::placeholder{color:var(--muted)}.cats,.subcats{display:flex;gap:8px;overflow-x:auto;padding:14px 20px 4px;scrollbar-width:none}.subcats{padding-top:8px}.cats::-webkit-scrollbar,.subcats::-webkit-scrollbar,.recommend-scroll::-webkit-scrollbar{display:none}.cat-pill,.subcat-pill{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:7px;padding:7px 16px;transition:all .2s ease;white-space:nowrap}.subcat-pill{font-size:12px;padding:6px 12px}.cat-pill.active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 18px #6c63ff59;color:#fff}.subcat-pill.active{background:var(--accent-glow);border-color:var(--border-accent);color:var(--accent-light)}.subcat-pill small{color:inherit;font-size:10px}.section-head{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 12px}.section-head h2{font-family:Syne,sans-serif;font-size:16px;font-weight:800;margin:0}.section-head span{color:var(--accent-light);font-size:13px;font-weight:600}.recommend-scroll{display:flex;gap:14px;overflow-x:auto;padding:0 20px 4px;scrollbar-width:none}.service-card:active,.recommend-card:active{transform:scale(.97)}.service-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:0 20px}.service-card{background:var(--card);border:1px solid var(--border);border-radius:18px;cursor:pointer;display:grid;gap:8px;min-height:164px;padding:16px;text-align:left;transition:all .2s ease}.service-card:hover,.service-card:focus-visible{background:var(--card-hover);border-color:var(--border-accent);box-shadow:0 8px 32px #6c63ff26;transform:translateY(-2px)}.service-icon,.recommend-icon{--service-color: var(--accent);align-items:center;background:color-mix(in srgb,var(--service-color) 16%,transparent);border-radius:12px;color:var(--service-color);display:inline-flex;font-family:Syne,sans-serif;font-size:18px;font-weight:800;height:44px;justify-content:center;overflow:hidden;width:44px}.service-icon img,.recommend-icon img{height:100%;object-fit:cover;width:100%}.product-hero-bg img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.service-name{font-family:Syne,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.service-desc{color:var(--muted);display:-webkit-box;font-size:11px;line-height:1.4;min-height:31px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.service-category{align-self:end;background:var(--card-hover);border:1px solid var(--border);border-radius:10px;display:grid;gap:1px;justify-self:start;line-height:1.25;max-width:100%;padding:5px 8px}.service-category strong,.service-category small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-category strong{color:var(--muted);font-size:11px;font-weight:800}.service-category small{color:var(--accent-light);font-size:10px;font-weight:700}.service-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.service-card-footer strong{color:var(--accent-light);font-family:Syne,sans-serif;font-size:14px}.service-card-footer small{background:#ffffff0d;border-radius:6px;color:var(--muted);font-size:11px;padding:3px 7px}.service-card-footer small.access,.recommend-card small.access{background:var(--green-glow);color:var(--green);font-weight:800}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bottom-nav-bg);border-top:1px solid var(--border);bottom:0;display:flex;left:50%;max-width:420px;padding:10px 0 18px;position:fixed;transform:translate(-50%);width:100%;z-index:20}.bottom-nav button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:5px;padding:6px 0;position:relative}.bottom-nav button>span{background:var(--accent);border-radius:999px;height:4px;opacity:0;position:absolute;top:2px;width:4px}.bottom-nav strong{color:var(--muted);font-size:20px;line-height:1;transition:transform .2s ease,color .2s ease}.bottom-nav small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.3px}.bottom-nav button.active>span{opacity:1}.bottom-nav button.active strong{color:var(--accent-light);transform:scale(1.1)}.bottom-nav button.active small{color:var(--accent-light)}.product-hero{align-items:flex-end;border-radius:22px;display:flex;height:180px;margin:16px 20px;overflow:hidden;position:relative}.product-hero-bg{--service-color: var(--accent);align-items:center;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--service-color) 26%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--service-color) 24%,var(--product-hero-base)),var(--product-hero-base));color:var(--service-color);display:flex;font-family:Syne,sans-serif;font-size:76px;font-weight:800;inset:0;justify-content:center;position:absolute}.product-hero-overlay{background:var(--product-hero-overlay);inset:0;position:absolute}.product-title-head{padding-top:8px}.desc-block{color:var(--muted);margin:0}.desc-block{font-size:14px;line-height:1.65;padding:0 20px 16px}.rules-block,.billing-block,.access-panel,.subscription-list,.empty-subscriptions,.notice-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;margin:0 20px 16px;padding:16px}.rules-block h3{font-family:Syne,sans-serif;font-size:13px;margin:0 0 10px}.rule-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:7px}.rule-item:last-child{margin-bottom:0}.rule-item span{background:var(--accent);border-radius:999px;flex:0 0 5px;height:5px;margin-top:7px;width:5px}.rule-item p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.billing-block{background:linear-gradient(135deg,#6c63ff1a,#6c63ff0d);border-color:var(--border-accent)}.billing-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px}.billing-row span{color:var(--muted);font-size:13px}.billing-row strong{color:var(--accent-light);font-family:Syne,sans-serif;font-size:14px}.billing-row strong.old{color:var(--muted);text-decoration:line-through}.billing-note{border-top:1px solid var(--border);color:var(--green);font-size:12px;line-height:1.5;margin-top:10px;padding-top:10px}.cta-btn,.save-btn,.empty-subscriptions button{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:0;border-radius:16px;box-shadow:0 8px 28px #6c63ff66;color:#fff;cursor:pointer;font-family:Syne,sans-serif;font-size:15px;font-weight:800;padding:15px;transition:all .2s ease}.cta-btn{margin:0 20px 10px;width:calc(100% - 40px)}.cta-btn.access,.access-mini-btn{background:linear-gradient(135deg,var(--green),#20b87b);box-shadow:0 8px 28px #3ddc9742}.cta-btn:hover,.save-btn:hover,.empty-subscriptions button:hover{box-shadow:0 10px 36px #6c63ff8c;transform:translateY(-1px)}.recommend-card{background:var(--card);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:grid;flex:0 0 140px;gap:7px;padding:14px;text-align:left}.recommend-card strong{font-family:Syne,sans-serif;font-size:13px;line-height:1.25}.recommend-card small{color:var(--accent-light);font-size:12px;font-weight:700}.access-hero{align-items:center;background:linear-gradient(135deg,#6c63ff1f,#3ddc9714);border:1px solid var(--border);border-radius:20px;display:flex;gap:14px;margin:18px 20px 16px;padding:18px}.access-hero-icon{align-items:center;background:color-mix(in srgb,var(--service-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--service-color) 38%,transparent);border-radius:16px;color:var(--service-color);display:inline-flex;flex:0 0 58px;font-family:Syne,sans-serif;font-size:18px;font-weight:800;height:58px;justify-content:center;overflow:hidden;width:58px}.access-hero-icon img{height:100%;object-fit:cover;width:100%}.access-hero h1{font-family:Syne,sans-serif;font-size:20px;font-weight:800;margin:0 0 4px}.access-hero p{color:var(--muted);font-size:13px;margin:0}.access-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:11px 0}.access-row:first-child{padding-top:0}.access-row:last-child{border-bottom:0;padding-bottom:0}.access-row span,.access-data p{color:var(--muted);font-size:13px}.access-renew-row>span{display:grid;gap:2px}.access-renew-row small{color:var(--muted);font-size:11px}.access-toggle{border:0;cursor:pointer;padding:0}.access-row strong{color:var(--text);font-size:13px;text-align:right}.access-data h2{font-family:Syne,sans-serif;font-size:15px;margin:0 0 8px}.access-data p{line-height:1.55;margin:0}.access-fields{display:grid;gap:10px}.access-field{align-items:center;background:#ffffff09;border:1px solid var(--border);border-radius:14px;display:grid;gap:7px 10px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.access-field span{color:var(--muted);font-size:11px;font-weight:800;grid-column:1 / -1;letter-spacing:.6px;text-transform:uppercase}.access-field strong,.access-field a{color:var(--text);font-size:14px;grid-column:1;line-height:1.35;min-width:0;overflow-wrap:anywhere;text-decoration:none}.access-field a{color:var(--green)}.access-field button{background:#ffffff14;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:12px;font-weight:800;grid-column:2;grid-row:2;justify-self:end;padding:7px 10px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.access-field button.copied{animation:copyPulse .45s ease;background:var(--green-glow);border-color:#3ddc9757;color:var(--green)}.access-service-faq{padding-bottom:18px}.access-faq-head{padding-top:4px}.access-faq-state,.access-faq-tree{margin-top:0}.access-faq-empty{margin:0 20px}@keyframes copyPulse{0%{transform:scale(.96)}60%{transform:scale(1.04)}to{transform:scale(1)}}.profile-head{align-items:center;display:flex;gap:16px;padding:28px 20px 20px}.profile-avatar,.personal-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),var(--green));border-radius:999px;box-shadow:0 8px 28px #6c63ff59;color:#fff;display:flex;flex:0 0 68px;font-family:Syne,sans-serif;font-size:24px;font-weight:800;height:68px;justify-content:center;width:68px}.personal-avatar{height:80px;margin:22px auto 18px;width:80px}.profile-head h1,.settings-title h1{font-family:Syne,sans-serif;font-size:20px;font-weight:800;margin:0 0 4px}.profile-head p,.settings-title p{color:var(--muted);font-size:13px;margin:0}.stats-row{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 20px 20px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 10px;text-align:center}.stat-card strong{color:var(--accent-light);display:block;font-family:Syne,sans-serif;font-size:20px;font-weight:800;margin-bottom:4px}.stat-card span{color:var(--muted);display:block;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.empty-subscriptions{display:grid;gap:8px}.empty-subscriptions strong{font-family:Syne,sans-serif;font-size:15px}.empty-subscriptions p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.empty-subscriptions button{font-size:14px;margin-top:4px;padding:12px}.subscription-list{display:grid;gap:10px}.subscription-card{align-items:center;background:var(--card-hover);border:1px solid var(--border);border-radius:14px;display:grid;gap:10px;grid-template-columns:44px minmax(0,1fr) auto;padding:12px}.subscription-icon{align-items:center;background:color-mix(in srgb,var(--service-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--service-color) 36%,transparent);border-radius:12px;color:var(--text);display:inline-flex;font-family:Syne,sans-serif;font-size:13px;font-weight:800;height:44px;justify-content:center;overflow:hidden;width:44px}.subscription-icon img{height:100%;object-fit:cover;width:100%}.subscription-info,.subscription-side{display:grid;gap:3px;min-width:0}.subscription-info strong,.subscription-side strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-info strong{font-size:14px}.subscription-info small,.subscription-side small{color:var(--muted);font-size:11px}.subscription-side{justify-items:end}.subscription-side strong{font-size:12px}.subscription-status{border-radius:999px;color:var(--green);font-weight:800;padding:2px 0}.subscription-status.paused,.subscription-status.delayed{color:var(--yellow)}.access-mini-btn{border:0;border-radius:999px;color:#06140f;cursor:pointer;font-size:11px;font-weight:800;margin-top:2px;padding:6px 10px}.payments-hero{background:linear-gradient(135deg,#6c63ff29,#3ddc971a),var(--card);border:1px solid var(--border-accent);border-radius:20px;margin:18px 20px 8px;padding:18px}.payments-hero-label{color:var(--muted);display:block;font-size:11px;font-weight:800;margin-bottom:6px;text-transform:uppercase}.payments-hero>strong{color:var(--text);display:block;font-family:Syne,sans-serif;font-size:32px;font-weight:800;line-height:1;margin-bottom:5px}.payments-hero>small{color:var(--muted);font-size:13px}.payments-hero-stats{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.payments-hero-stats span{background:#ffffff0d;border:1px solid var(--border);border-radius:14px;display:grid;gap:2px;min-width:0;padding:10px 8px;text-align:center}.payments-hero-stats strong{color:var(--accent-light);font-family:Syne,sans-serif;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-hero-stats small{color:var(--muted);font-size:10px;font-weight:800}.payments-section-head{padding-top:18px}.payment-card-list,.payment-renew-list,.payment-history{display:grid;gap:10px;margin:0 20px 16px}.faq-tree,.faq-question-list{display:grid;gap:10px}.faq-tree{margin:12px 20px 16px}.faq-node{min-width:0}.faq-node-toggle{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:16px;color:var(--text);cursor:pointer;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 30px;padding:14px 15px;text-align:left;width:100%}.faq-node-toggle span{display:grid;gap:2px;min-width:0}.faq-node-toggle strong{font-size:14px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.faq-node-toggle small{color:var(--muted);font-size:11px;font-weight:800}.faq-node-toggle i,.faq-question i{align-items:center;background:var(--card-hover);border-radius:999px;color:var(--accent-light);display:inline-flex;font-style:normal;font-weight:700;height:28px;justify-content:center;width:28px}.faq-main-toggle{background:linear-gradient(135deg,#6c63ff29,#3ddc970f);border-color:var(--border-accent)}.faq-service-node,.faq-category-node{display:grid;gap:10px}.faq-service-body,.faq-node-body{display:grid;gap:10px;padding:10px 0 0 14px}.faq-category-toggle{background:#ffffff09}.faq-question-list{padding-left:10px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.faq-question{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 28px;padding:15px 16px;text-align:left;width:100%}.faq-question strong{font-size:14px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.faq-question i{font-size:18px}.faq-answer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1.55;margin:0;overflow-wrap:anywhere;padding:14px 16px 16px;white-space:pre-line}.faq-empty{margin-top:12px}.faq-node-empty{background:#ffffff09;border:1px solid var(--border);border-radius:14px;padding:13px 14px}.faq-node-empty strong{display:block;font-size:13px;margin-bottom:4px}.faq-node-empty p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}.payment-card,.payment-renew-item,.payment-history{background:var(--card);border:1px solid var(--border);border-radius:16px}.payment-card{padding:15px}.payment-card-top{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:12px}.payment-card-brand{align-items:center;border-radius:10px;color:#fff;display:inline-flex;flex:0 0 58px;font-size:10px;font-weight:900;height:36px;justify-content:center;padding:0 8px;width:58px}.payment-card-brand.visa{background:linear-gradient(135deg,#173ea5,#3668ff)}.payment-card-brand.mastercard{background:linear-gradient(135deg,#eb4d4b,#f9a23b)}.payment-card-brand.mono{background:linear-gradient(135deg,#111827,#3ddc97)}.payment-card-info{display:grid;gap:2px;min-width:0}.payment-card-info strong{font-family:Syne,sans-serif;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-card-info small,.payment-card p,.payment-card-service small,.payment-renew-info small,.payment-tx-info small,.payment-tx-side small{color:var(--muted);font-size:11px;line-height:1.35}.payment-card-badge{background:var(--green-glow);border:1px solid rgba(61,220,151,.28);border-radius:999px;color:var(--green);font-size:10px;font-weight:800;padding:4px 8px}.payment-card-services{display:grid;gap:8px}.payment-card-service{align-items:center;background:#ffffff09;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr);padding:10px}.payment-card-service>span:last-child,.payment-renew-info,.payment-tx-info,.payment-tx-side{display:grid;gap:3px;min-width:0}.payment-card-service strong,.payment-renew-info strong,.payment-tx-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-service-icon,.payment-tx-icon{--service-color: var(--accent);align-items:center;background:color-mix(in srgb,var(--service-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--service-color) 36%,transparent);border-radius:10px;color:var(--service-color);display:inline-flex;font-family:Syne,sans-serif;font-size:11px;font-weight:800;height:34px;justify-content:center;overflow:hidden;width:34px}.payment-service-icon img{height:100%;object-fit:cover;width:100%}.payment-card p{border-top:1px solid var(--border);margin:12px 0 0;padding-top:11px}.payment-renew-list{gap:9px}.payment-renew-item{align-items:center;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) auto;padding:12px}.payment-renew-side{display:grid;gap:8px;justify-items:end}.payment-renew-side strong,.payment-tx-side strong{color:var(--accent-light);font-size:12px;white-space:nowrap}.payment-toggle{border:0;cursor:pointer;padding:0}.payment-change-card-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:999px;color:var(--accent-light);cursor:pointer;font-size:10px;font-weight:800;padding:5px 9px}.payment-change-state{color:var(--yellow)!important;font-weight:800}.card-change-backdrop{align-items:flex-end;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;position:fixed;z-index:80}.card-change-sheet{background:var(--card);border:1px solid var(--border);border-radius:20px 20px 0 0;display:grid;gap:12px;max-width:420px;padding:14px 20px 24px;width:100%}.card-change-handle{background:#ffffff2e;border-radius:999px;height:4px;justify-self:center;width:38px}.card-change-sheet h2{font-family:Syne,sans-serif;font-size:18px;margin:4px 0 0}.card-change-sheet p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.card-change-option{background:#ffffff0b;border:1px solid var(--border);border-radius:15px;cursor:pointer;padding:13px 14px;text-align:left}.card-change-option.accent{background:linear-gradient(135deg,#6c63ff29,#3ddc9714);border-color:var(--border-accent)}.card-change-option span{display:grid;gap:4px}.card-change-option strong{font-size:14px}.card-change-option small{color:var(--muted);font-size:11px;line-height:1.45}.card-change-cancel{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:13px;font-weight:800;padding:8px}.payment-history{gap:0;overflow:hidden}.payment-tx-item{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;padding:12px 14px}.payment-tx-item:last-child{border-bottom:0}.payment-tx-icon{border-radius:999px;height:38px;width:38px}.payment-tx-side{justify-items:end}.payment-tx-status{font-weight:800}.payment-tx-status.success{color:var(--green)}.payment-tx-status.failed{color:var(--red)}.payment-tx-status.pending{color:var(--yellow)}.payment-empty{margin-bottom:16px}.settings-title{padding:22px 20px 4px}.settings-section{padding:16px 20px 4px}.settings-label{color:var(--muted);display:block;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.settings-group{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}.settings-item{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:14px;padding:15px 16px;text-align:left;width:100%}.settings-item:last-child{border-bottom:0}.settings-item:hover{background:var(--card-hover)}.settings-item:disabled{cursor:wait;opacity:.72}.settings-static{cursor:default}.settings-static:hover{background:transparent}.settings-icon{align-items:center;border-radius:10px;display:inline-flex;flex:0 0 36px;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.settings-icon.purple{background:#6c63ff24;color:var(--accent-light)}.settings-icon.yellow{background:#ffc85024;color:var(--yellow)}.settings-icon.green{background:#3ddc9724;color:var(--green)}.settings-icon.blue{background:#5e9bf524;color:#5e9bf5}.settings-item span:nth-child(2){display:grid;flex:1;gap:2px;min-width:0}.settings-item strong{font-size:14px;font-weight:700}.settings-item small{color:var(--muted);font-size:12px}.settings-item i{color:var(--muted);font-style:normal;font-size:17px}.toggle{background:#ffffff1a;border:1px solid var(--border);border-radius:999px;display:inline-block;flex:0 0 42px;height:24px;position:relative;transition:background .2s ease;width:42px}.toggle:after{background:#fff;border-radius:999px;content:"";height:16px;left:3px;position:absolute;top:3px;transition:left .2s ease;width:16px}.toggle.on{background:var(--accent)}.toggle.on:after{left:21px}.settings-language-item{gap:12px}.language-switch{background:#ffffff1a;border:1px solid var(--border);border-radius:999px;display:grid;flex:0 0 126px;grid-template-columns:repeat(3,1fr);height:32px;padding:3px;position:relative;width:126px}.language-switch-thumb{background:var(--accent);border-radius:999px;box-shadow:0 8px 18px #6257f647;height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .2s ease;width:calc((100% - 6px) / 3)}.language-switch.position-1 .language-switch-thumb{transform:translate(100%)}.language-switch.position-2 .language-switch-thumb{transform:translate(200%)}.language-switch button{background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font-size:11px;font-weight:900;min-width:0;padding:0;position:relative;transition:color .2s ease;z-index:1}.language-switch button.active{color:#fff}.language-switch button:disabled{cursor:wait}.notifications-history-section{padding-top:12px}.notification-history{background:var(--card);border:1px solid var(--border);border-radius:16px;display:grid;gap:0;overflow:hidden}.notification-history-item{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;padding:12px 14px}.notification-history-item:last-child{border-bottom:0}.notification-history-icon{align-items:center;background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:12px;color:var(--accent-light);display:inline-flex;font-family:Syne,sans-serif;font-size:12px;font-weight:800;height:38px;justify-content:center;width:38px}.notification-history-icon.success{background:var(--green-glow);border-color:#3ddc9747;color:var(--green)}.notification-history-icon.failed{background:var(--red-glow);border-color:#ff5c5c47;color:var(--red)}.notification-history-icon.pending{background:var(--yellow-glow);border-color:#ffc85047;color:var(--yellow)}.notification-history-info,.notification-history-side{display:grid;gap:3px;min-width:0}.notification-history-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-history-info small,.notification-history-side small{color:var(--muted);font-size:11px;line-height:1.35}.notification-history-side{justify-items:end}.notification-history-side small{max-width:72px;text-align:right}.notification-history-status{color:var(--accent-light);font-size:11px;font-weight:800}.notification-history-status.success{color:var(--green)}.notification-history-status.failed{color:var(--red)}.notification-history-status.pending{color:var(--yellow)}.notification-empty,.notification-state{margin:0}.notification-pagination{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;margin-top:12px}.notification-pagination button{background:#ffffff0f;border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-size:12px;font-weight:800;min-height:34px;padding:0 12px}.notification-pagination button:disabled{cursor:default;opacity:.45}.notification-pagination span{color:var(--muted);font-size:11px;font-weight:700;text-align:center}.app-version{color:var(--muted);font-size:12px;margin:20px 0 0;text-align:center}.form-section{display:grid;gap:14px;padding:0 20px 16px}.form-group{display:grid;gap:7px}.form-group span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.form-group input,.form-group select{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:14px;outline:0;padding:13px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--muted)}.profile-readonly-value{background:#ffffff09;border:1px solid var(--border);border-radius:14px;display:flex;justify-content:space-between;min-height:45px;padding:13px 16px}.profile-readonly-value strong{color:var(--text);font-size:14px;font-weight:700}.profile-readonly-value small{color:var(--muted);font-size:12px;font-weight:800}.profile-notice{margin-bottom:14px}.form-group input.readonly-muted{background:#ffffff09;color:#ecebff94}.email-inline-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.email-inline-row input{min-width:0}.email-confirm-btn{background:linear-gradient(135deg,#ffb648,#ff8f1f);border:0;border-radius:12px;color:#241300;cursor:pointer;font-size:12px;font-weight:800;min-height:44px;padding:0 14px;white-space:nowrap}.email-confirm-btn:disabled{cursor:default;opacity:.65}.email-check{align-items:center;background:var(--green-glow);border:1px solid rgba(61,220,151,.28);border-radius:999px;color:var(--green);display:inline-flex;font-size:15px;font-weight:900;height:34px;justify-content:center;width:34px}.email-warning{color:var(--yellow);font-size:11px;font-weight:700;line-height:1.35}.email-code-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.email-code-row .email-code-input{letter-spacing:2px;text-align:center}.email-verify-btn{background:var(--accent);border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:11px;font-weight:800;min-width:82px;padding:0 13px}.email-verify-btn:disabled{cursor:default;opacity:.65}.save-btn{width:100%}.save-btn:disabled{cursor:default;opacity:.68}.notice-panel{align-items:center;display:flex;gap:12px;margin-top:16px}.notice-panel>span{align-items:center;background:var(--accent-glow);border-radius:12px;color:var(--accent-light);display:inline-flex;flex:0 0 44px;font-weight:800;height:44px;justify-content:center}.notice-panel strong{display:block;font-family:Syne,sans-serif;font-size:14px;margin-bottom:2px}.notice-panel p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}@supports not (background: color-mix(in srgb,white 50%,black)){.service-icon,.recommend-icon,.payment-service-icon,.payment-tx-icon{background:#6c63ff24}.product-hero-bg{background:linear-gradient(135deg,#171431,#11111a)}}@media(max-width:360px){.service-grid{gap:10px;padding:0 14px}.topbar,.section-head,.search-wrap,.cats,.subcats,.recommend-scroll,.profile-head,.settings-section,.form-section{padding-left:14px;padding-right:14px}.notice-card,.state-card,.email-banner,.rules-block,.billing-block,.empty-subscriptions,.notice-panel,.product-hero,.payments-hero,.faq-tree,.payment-card-list,.payment-renew-list,.payment-history{margin-left:14px;margin-right:14px}.email-banner,.cta-btn{width:calc(100% - 28px)}}