/* v174 · تنظیمات (نسخهٔ دوم) */
#s-settings.st174on{ padding-left:0 !important; padding-right:0 !important }
#s-settings.st174on > *:not(#st174host){ display:none !important }
.st174{ --ink:#1F1433; --sub:#8A82A0; --line:#EEE8F8; position:relative; color:var(--ink); max-width:640px; margin:0 auto; overflow-x:clip }
.st174 button, .sh174 button{ font-family:inherit; color:inherit }
.st174 svg, .sh174 svg{ display:block }
.pg174{ padding:2px 14px 28px; background:#FAF8FD; min-height:70vh }
.pg174.under{ display:none }
.pg174.out{ position:absolute; inset:0 0 auto 0; z-index:2 }
.pg174.in{ animation:pgin174 .26s cubic-bezier(.2,.9,.3,1) both }
[dir=rtl] .pg174.in{ animation-name:pgin174r }
.pg174.out{ animation:pgout174 .22s ease both }
[dir=rtl] .pg174.out{ animation-name:pgout174r }
@keyframes pgin174{ from{ transform:translateX(40px); opacity:0 } } @keyframes pgin174r{ from{ transform:translateX(-40px); opacity:0 } }
@keyframes pgout174{ to{ transform:translateX(40px); opacity:0 } } @keyframes pgout174r{ to{ transform:translateX(-40px); opacity:0 } }
.hd174{ display:flex; align-items:center; gap:10px; margin:4px 0 12px }
.hd174 > div{ min-width:0 }
.hd174 h2{ margin:0; font-size:21px; font-weight:900; background:linear-gradient(90deg,#FF3D7F,#8B5CF6,#3B82F6); -webkit-background-clip:text; background-clip:text; color:transparent; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.hd174 small{ display:block; font-size:11.5px; font-weight:700; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.bk174{ flex:none; width:40px; height:40px; border:0; border-radius:14px; cursor:pointer; display:grid; place-items:center; background:#F3EFFA; color:#5B5270 !important }
.bk174 svg{ width:21px; height:21px } [dir=rtl] .bk174 svg{ transform:scaleX(-1) }
.gt174{ margin:16px 8px 7px; font-size:12px; font-weight:900; color:var(--sub) }
.gp174{ display:flex; flex-direction:column; padding:4px; border-radius:22px; background:#fff; box-shadow:0 8px 22px -14px rgba(76,29,149,.3), inset 0 0 0 1px var(--line) }
.gp174.dz{ margin-top:16px; box-shadow:inset 0 0 0 1px #FFE4E6 }
.rw174{ position:relative; display:flex; align-items:center; gap:12px; min-height:58px; padding:7px 10px; border:0; border-radius:17px; background:none; cursor:pointer; text-align:start; transition:background .15s; width:100% }
.rw174:active{ background:#F6F2FB }
.rw174 + .rw174::before{ content:""; position:absolute; top:0; inset-inline-start:60px; inset-inline-end:12px; height:1px; background:#F2EEF8 }
.rw174 > i{ flex:none; width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:#fff; box-shadow:0 6px 12px -6px rgba(0,0,0,.3) }
.rw174 > i svg{ width:19px; height:19px }
.c-vi{ background:linear-gradient(135deg,#8B5CF6,#6366F1) } .c-bl{ background:linear-gradient(135deg,#3B82F6,#22D3EE) } .c-pk{ background:linear-gradient(135deg,#FF3D7F,#F472B6) }
.c-am{ background:linear-gradient(135deg,#F59E0B,#F97316) } .c-gr{ background:linear-gradient(135deg,#10B981,#14B8A6) } .c-sk{ background:linear-gradient(135deg,#38BDF8,#0EA5E9) } .c-rd{ background:linear-gradient(135deg,#F43F5E,#E11D48) }
.rw174 > span{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px }
.rw174 b{ font-size:14.5px; font-weight:800 } .rw174 small{ font-size:11.5px; font-weight:600; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.rw174 .cv{ font-style:normal; color:#C4BCD6 } .rw174 .cv svg{ width:17px; height:17px } [dir=rtl] .rw174 .cv svg, [dir=rtl] .qa174 em svg{ transform:scaleX(-1) }
.rw174.red b{ color:#E11D48 }
.nb174{ font-style:normal; min-width:20px; height:20px; padding:0 6px; border-radius:10px; display:inline-grid; place-items:center; font-size:11px; font-weight:900; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6) }
.tg174{ position:relative; flex:0 0 48px; width:48px; height:29px; border-radius:99px; background:#E5E0EE; transition:background .25s }
.tg174 i{ position:absolute; top:3.5px; inset-inline-start:3.5px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.2); transition:inset-inline-start .25s cubic-bezier(.3,.9,.3,1.3) }
.tg174.on{ background:linear-gradient(90deg,#FF3D7F,#8B5CF6) } .tg174.on i{ inset-inline-start:22.5px }
.rw174 > .tg174{ flex:0 0 48px }
.er174{ margin:0 4px 8px; padding:9px 12px; border-radius:14px; font-size:11.5px; font-weight:700; color:#B45309; background:#FEF3C7 }
.vr174{ display:flex; align-items:center; justify-content:center; gap:5px; margin:18px 0 0; font-size:11.5px; font-weight:800; color:#B3ABC6 } .vr174 svg{ width:13px; height:13px; color:#C4B5FD }
.nt174{ display:block; margin:12px 6px 0; font-size:11.5px; font-weight:600; line-height:1.7; color:var(--sub) }
.ld174{ display:flex; justify-content:center; gap:6px; padding:40px 0 }
.ld174 i{ width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,#FF3D7F,#8B5CF6); animation:ld174 1s infinite } .ld174 i:nth-child(2){ animation-delay:.15s } .ld174 i:nth-child(3){ animation-delay:.3s }
@keyframes ld174{ 50%{ transform:scale(.5); opacity:.4 } }
.em174{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px; padding:26px 14px; border-radius:22px; background:#fff; box-shadow:inset 0 0 0 1px var(--line) }
.em174 i{ width:54px; height:54px; margin-bottom:6px; border-radius:18px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#8B5CF6,#3B82F6) } .em174 i svg{ width:26px; height:26px }
.em174 b{ font-size:15px; font-weight:900 } .em174 small{ font-size:12px; font-weight:600; color:var(--sub) } .em174 .pr174{ width:auto; padding:0 22px }
.pr174{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:48px; margin-top:12px; border:0; border-radius:16px; cursor:pointer; font-size:14.5px; font-weight:900; color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 10px 22px -8px rgba(255,61,127,.5) }
.pr174 svg{ width:18px; height:18px }
.pr174.red{ background:linear-gradient(100deg,#F43F5E,#E11D48); box-shadow:0 10px 22px -8px rgba(225,29,72,.5) }
.pr174:disabled{ opacity:.45; cursor:not-allowed; box-shadow:none }
/* بنر حذف */
.db174n{ display:flex; align-items:center; gap:10px; margin:0 0 6px; padding:11px 12px; border-radius:18px; background:linear-gradient(120deg,#FFF1F2,#FFE4E6); box-shadow:inset 0 0 0 1.5px #FECDD3 }
.db174n > i{ flex:none; width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:#fff; background:#E11D48 } .db174n > i svg{ width:18px; height:18px }
.db174n span{ flex:1; min-width:0; display:flex; flex-direction:column } .db174n b{ font-size:13px; font-weight:900; color:#9F1239 } .db174n small{ font-size:11px; font-weight:700; color:#BE123C }
.db174n button{ flex:none; height:34px; padding:0 14px; border:0; border-radius:11px; cursor:pointer; font-size:12.5px; font-weight:900; color:#fff !important; background:#E11D48 }
/* حساب */
.ac174{ display:flex; gap:12px; align-items:center; padding:14px; border-radius:22px; color:#fff; background:linear-gradient(135deg,#8B5CF6,#3B82F6); box-shadow:0 14px 30px -14px rgba(99,102,241,.6) }
.ac174 > i{ flex:none; width:44px; height:44px; border-radius:15px; display:grid; place-items:center; background:rgba(255,255,255,.2) } .ac174 > i svg{ width:24px; height:24px }
.ac174 b{ display:block; font-size:15px; font-weight:900 } .ac174 small{ font-size:11.5px; font-weight:600; opacity:.9; line-height:1.6 }
/* حساب‌های پیوندشده */
.lk174{ display:flex; align-items:center; gap:12px; min-height:60px; padding:8px 10px; border-radius:17px }
.lk174 + .lk174{ border-top:1px solid #F2EEF8; border-radius:0 }
.lk174 > i{ flex:none; width:40px; height:40px; border-radius:13px; display:grid; place-items:center; color:#fff } .lk174 > i svg{ width:20px; height:20px }
.lk174 > i.lg{ background:#fff; color:#111; box-shadow:inset 0 0 0 1.5px #EEE8F8 } .lk174 > i.lg svg{ width:22px; height:22px }
.lk174 > span{ flex:1; min-width:0; display:flex; flex-direction:column } .lk174 b{ font-size:14.5px; font-weight:800 } .lk174 small{ font-size:11.5px; font-weight:600; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.on174, .off174{ display:inline-flex; align-items:center; gap:3px; font-style:normal; font-size:11px; font-weight:900; padding:4px 9px; border-radius:99px }
.on174{ color:#047857; background:#D1FAE5 } .on174 svg{ width:12px; height:12px } .off174{ color:#8A82A0; background:#F2EFF7 }
.lb174, .ub174{ flex:none; height:34px; padding:0 14px; border:0; border-radius:11px; cursor:pointer; font-size:12.5px; font-weight:900 }
.lb174{ color:#fff !important; background:linear-gradient(100deg,#8B5CF6,#3B82F6) } .ub174{ color:#E11D48 !important; background:#FFF1F2 } .ub174:disabled{ opacity:.4 }
/* دستگاه‌ها */
.dv174{ display:flex; flex-direction:column; gap:8px }
.dc174{ display:flex; align-items:center; gap:12px; padding:12px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px var(--line) }
.dc174.cur{ background:linear-gradient(120deg,#F0FDF4,#ECFEFF); box-shadow:inset 0 0 0 1.5px #A7F3D0 }
.dc174 > i{ flex:none; width:44px; height:44px; border-radius:14px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#8B5CF6,#3B82F6) } .dc174.cur > i{ background:linear-gradient(135deg,#10B981,#06B6D4) } .dc174 > i svg{ width:22px; height:22px }
.dc174 > span{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px }
.dc174 b{ display:flex; align-items:center; gap:6px; font-size:14.5px; font-weight:900 } .dc174 b em{ font-style:normal; font-size:10px; font-weight:900; padding:2px 7px; border-radius:99px; color:#047857; background:#D1FAE5 }
.dc174 small{ font-size:11.5px; font-weight:600; color:var(--sub) } .dc174 small.t{ font-size:10.5px; color:#A39BB8 }
.dc174 button{ flex:none; width:38px; height:38px; border:0; border-radius:12px; cursor:pointer; display:grid; place-items:center; color:#E11D48 !important; background:#FFF1F2 } .dc174 button svg{ width:18px; height:18px }
/* حذف حساب */
.dl174{ display:flex; flex-direction:column; align-items:center; gap:6px; margin:6px 0 10px }
.dl174 i{ width:62px; height:62px; border-radius:21px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#F43F5E,#E11D48); box-shadow:0 12px 24px -8px rgba(225,29,72,.5) } .dl174 i svg{ width:28px; height:28px }
.dl174 b{ font-size:17px; font-weight:900 }
.dlst174{ margin:0 0 12px; padding:12px 14px; list-style:none; border-radius:18px; background:#fff; box-shadow:inset 0 0 0 1px #FFE4E6 }
.dlst174 li{ position:relative; padding:6px 0; padding-inline-start:20px; font-size:12.5px; font-weight:700; line-height:1.6; color:#4B4460 }
.dlst174 li::before{ content:""; position:absolute; inset-inline-start:2px; top:13px; width:8px; height:8px; border-radius:50%; background:#F43F5E }
.stp174{ padding:14px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px var(--line) }
.stp174 p{ margin:4px 2px 0; font-size:12.5px; font-weight:600; line-height:1.7; color:#6B6280 } .stp174 p b{ display:block; font-size:14px; font-weight:900; color:var(--ink) }
.otp174{ display:block; width:100%; box-sizing:border-box; height:52px; margin-top:8px; border:0; outline:0; border-radius:15px; text-align:center; font:900 24px/1 ui-monospace,Menlo,monospace; letter-spacing:10px; background:#F7F4FC; box-shadow:inset 0 0 0 1.5px #E4DAF5; direction:ltr }
.otp174:focus{ box-shadow:inset 0 0 0 2px #8B5CF6 }
/* کمک */
.hh174{ position:relative; overflow:hidden; isolation:isolate; padding:18px 14px 14px; border-radius:24px; color:#fff; background:linear-gradient(135deg,#10B981 0%,#0EA5E9 55%,#8B5CF6 100%); box-shadow:0 14px 30px -14px rgba(14,165,233,.6) }
.hh174 > i{ position:absolute; z-index:-1; border-radius:50%; filter:blur(22px); opacity:.55 }
.hh174 .o1{ width:130px; height:130px; background:#FDE68A; top:-60px; inset-inline-end:-30px } .hh174 .o2{ width:120px; height:120px; background:#F472B6; bottom:-60px; inset-inline-start:-20px }
.hh174 > b{ display:block; margin-bottom:10px; font-size:19px; font-weight:900 }
.sr174{ display:flex; align-items:center; gap:8px; height:46px; padding:0 14px; border-radius:15px; background:#fff; color:#1F1433 }
.sr174 svg{ flex:none; width:19px; height:19px; color:#A39BB8 }
.sr174 input{ flex:1; min-width:0; border:0; outline:0; background:none; font-family:inherit; font-size:14px; font-weight:700; color:#1F1433 }
.qc174{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px }
.qc174 button{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:12px; border:0; border-radius:20px; cursor:pointer; text-align:start; background:#fff; box-shadow:inset 0 0 0 1px var(--line) }
.qc174 i{ width:38px; height:38px; margin-bottom:6px; border-radius:13px; display:grid; place-items:center; color:#fff } .qc174 i svg{ width:19px; height:19px }
.qc174 b{ display:flex; align-items:center; gap:5px; font-size:14px; font-weight:900 } .qc174 small{ font-size:11px; font-weight:700; color:var(--sub) }
.fq174{ margin-bottom:10px; padding:4px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px var(--line) }
.fqh174{ display:flex; align-items:center; gap:8px; margin:6px 8px 4px; font-size:13px; font-weight:900 }
.fqh174 i{ width:26px; height:26px; border-radius:9px; display:grid; place-items:center; color:#fff } .fqh174 i svg{ width:14px; height:14px }
.qa174 + .qa174{ border-top:1px solid #F2EEF8 }
.qa174 button{ display:flex; align-items:center; gap:8px; width:100%; padding:11px 10px; border:0; background:none; cursor:pointer; text-align:start }
.qa174 button b{ flex:1; font-size:13.5px; font-weight:800 }
.qa174 em{ flex:none; color:#C4BCD6; transition:transform .2s } .qa174 em svg{ width:16px; height:16px; transform:rotate(90deg) }
.qa174.on em svg{ transform:rotate(-90deg) !important }
.qa174 p{ display:none; margin:0 10px 12px; padding:10px 12px; border-radius:14px; font-size:12.5px; font-weight:600; line-height:1.75; color:#4B4460; background:#F7F4FC }
.qa174.on p{ display:block; animation:fa174 .2s both } @keyframes fa174{ from{ opacity:0; transform:translateY(-4px) } }
/* تیکت */
.tc174{ display:flex; flex-wrap:wrap; gap:6px }
.tc174 button{ height:34px; padding:0 14px; border:0; border-radius:12px; cursor:pointer; font-size:12.5px; font-weight:800; color:#8A82A0 !important; background:#fff; box-shadow:inset 0 0 0 1.5px var(--line) }
.tc174 button.on{ color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:none }
.in174{ display:block; width:100%; box-sizing:border-box; height:48px; padding:0 14px; border:0; outline:0; border-radius:15px; font-family:inherit; font-size:14px; font-weight:700; color:#1F1433; background:#fff; box-shadow:inset 0 0 0 1.5px var(--line) }
.in174.ta{ height:150px; padding:12px 14px; line-height:1.7; resize:vertical }
.in174:focus{ box-shadow:inset 0 0 0 2px #C4B5FD }
.ck174{ display:flex; align-items:center; gap:10px; margin:12px 4px 0; font-size:12.5px; font-weight:700; color:#6B6280; cursor:pointer }
.ck174 input{ display:none } .ck174 span{ flex:none; width:22px; height:22px; border-radius:7px; box-shadow:inset 0 0 0 2px #D6CEE6; display:grid; place-items:center }
.ck174 input:checked + span{ background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:none }
.ck174 input:checked + span::after{ content:""; width:10px; height:5px; border:2.5px solid #fff; border-top:0; border-right:0; transform:rotate(-45deg) translate(1px,-1px) }
.tl174{ display:flex; flex-direction:column; gap:8px }
.tk174{ border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px var(--line); overflow:hidden }
.tk174 > button{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; padding:12px 14px; border:0; background:none; cursor:pointer; text-align:start }
.tk174 .st{ font-size:10.5px; font-weight:900; padding:3px 9px; border-radius:99px }
.s-am{ color:#B45309; background:#FEF3C7 } .s-gr{ color:#047857; background:#D1FAE5 } .s-gy{ color:#6B7280; background:#F3F4F6 }
.tk174 > button b{ font-size:14px; font-weight:900 } .tk174 > button small{ font-size:11px; font-weight:700; color:var(--sub) }
.tb174{ padding:0 14px 14px }
.tb174 .q{ margin:0 0 10px; padding:10px 12px; border-radius:14px; font-size:12.5px; font-weight:600; line-height:1.7; background:#F7F4FC; white-space:pre-wrap }
.rp174{ padding:10px 12px; border-radius:14px; background:linear-gradient(120deg,#ECFDF5,#EFF6FF); box-shadow:inset 0 0 0 1px #BBF7D0 }
.rp174 b{ display:flex; align-items:center; gap:5px; font-size:11.5px; font-weight:900; color:#047857 } .rp174 b svg{ width:12px; height:12px; color:#8B5CF6 }
.rp174 p{ margin:4px 0 0; font-size:13px; font-weight:600; line-height:1.7; white-space:pre-wrap }
.wt174{ display:flex; align-items:center; gap:6px; margin:0; font-size:12px; font-weight:800; color:#B45309 } .wt174 svg{ width:15px; height:15px }
.cl174{ margin-top:10px; height:34px; padding:0 14px; border:0; border-radius:11px; cursor:pointer; font-size:12px; font-weight:900; color:#6B6280 !important; background:#F2EFF7 }
/* سیاست‌ها */
.ph174, .dh174{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; margin-bottom:12px; padding:18px 14px; border-radius:24px; color:#fff; background:linear-gradient(135deg,#8B5CF6,#FF3D7F) }
.ph174 i, .dh174 i{ width:50px; height:50px; margin-bottom:4px; border-radius:17px; display:grid; place-items:center; background:rgba(255,255,255,.2) } .ph174 i svg, .dh174 i svg{ width:24px; height:24px }
.ph174 b, .dh174 b{ font-size:17px; font-weight:900 } .ph174 small, .dh174 small{ font-size:12px; font-weight:600; opacity:.92 }
.dh174 em{ margin-top:6px; padding:3px 10px; border-radius:99px; font-style:normal; font-size:10.5px; font-weight:800; background:rgba(255,255,255,.2) }
.db174 section{ margin-bottom:10px; padding:14px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px var(--line) }
.db174 h3{ margin:0 0 6px; font-size:14.5px; font-weight:900 }
.db174 p{ margin:0; font-size:13px; font-weight:600; line-height:1.85; color:#4B4460 }
.db174 ul{ margin:0; padding:0; list-style:none }
.db174 li{ position:relative; padding:4px 0; padding-inline-start:16px; font-size:13px; font-weight:600; line-height:1.8; color:#4B4460 }
.db174 li::before{ content:""; position:absolute; inset-inline-start:2px; top:14px; width:6px; height:6px; border-radius:50%; background:linear-gradient(135deg,#FF3D7F,#8B5CF6) }
/* درباره */
.ab174{ position:relative; overflow:hidden; isolation:isolate; display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:26px 16px 20px; border-radius:26px; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6 55%,#3B82F6) }
.ab174 > i{ position:absolute; z-index:-1; border-radius:50%; filter:blur(24px); opacity:.55 } .ab174 .o1{ width:150px; height:150px; background:#FDE68A; top:-70px; inset-inline-end:-40px } .ab174 .o2{ width:140px; height:140px; background:#22D3EE; bottom:-70px; inset-inline-start:-30px }
.lg174{ width:84px; height:84px; margin-bottom:8px; filter:drop-shadow(0 12px 24px rgba(0,0,0,.3)); animation:lg174 3s ease-in-out infinite } .lg174 svg{ width:100%; height:100% }
@keyframes lg174{ 50%{ transform:translateY(-5px) rotate(-3deg) } }
.ab174 b{ font-size:22px; font-weight:900 } .ab174 small{ font-size:12px; font-weight:800; opacity:.85 } .ab174 p{ margin:8px 0 0; font-size:13px; font-weight:600; line-height:1.8; opacity:.95 }
.ft174{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:12px 0 }
.ft174 > div{ display:flex; align-items:center; gap:8px; padding:12px; border-radius:18px; background:#fff; box-shadow:inset 0 0 0 1px var(--line); font-size:12px; font-weight:800; line-height:1.5 }
.ft174 i{ flex:none; width:32px; height:32px; border-radius:11px; display:grid; place-items:center; color:#8B5CF6; background:#F3EEFF } .ft174 i svg{ width:17px; height:17px }
/* برگه‌ها */
.sh174{ position:fixed; inset:0; z-index:9000; display:flex; align-items:flex-end; justify-content:center; background:rgba(20,10,40,.45); animation:fd174 .2s both; color:#1F1433 }
.sh174.out{ animation:fd174 .2s reverse both } .sh174.out .sc174{ animation:su174 .2s reverse both }
@keyframes fd174{ from{ opacity:0 } } @keyframes su174{ from{ transform:translateY(100%) } }
.sc174{ width:100%; max-width:440px; max-height:88vh; overflow:auto; scrollbar-width:none; padding:8px 16px calc(18px + env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; background:#FAF8FD; box-shadow:0 -10px 40px rgba(76,29,149,.25); animation:su174 .28s cubic-bezier(.2,.9,.3,1) both }
.sc174 .hd{ display:block; width:42px; height:5px; margin:0 auto 12px; border-radius:3px; background:#DDD6EC }
.pw174h{ display:flex; flex-direction:column; align-items:center; gap:3px; margin-bottom:12px }
.pw174h i{ width:52px; height:52px; margin-bottom:4px; border-radius:18px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#8B5CF6,#3B82F6) } .pw174h i svg{ width:24px; height:24px }
.pw174h b{ font-size:17px; font-weight:900 } .pw174h small{ font-size:12px; font-weight:700; color:#8A82A0 }
.fl174{ display:block; margin-top:10px } .fl174 span{ display:block; margin:0 4px 5px; font-size:12px; font-weight:800; color:#6B6280 }
.fl174 input{ width:100%; box-sizing:border-box; height:48px; padding:0 14px; border:0; outline:0; border-radius:15px; font-family:inherit; font-size:15px; font-weight:700; background:#fff; box-shadow:inset 0 0 0 1.5px #EEE8F8; direction:ltr }
.fl174 input:focus{ box-shadow:inset 0 0 0 2px #C4B5FD }
.sm174{ display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:7px 4px 0 }
.sm174 i{ height:4px; border-radius:2px; background:#E5E0EE } .sm174 i.on.s1{ background:#F43F5E } .sm174 i.on.s2{ background:#F59E0B } .sm174 i.on.s3{ background:#84CC16 } .sm174 i.on.s4{ background:#10B981 }
.lk174b{ display:block; width:100%; margin-top:10px; padding:10px; border:0; background:none; cursor:pointer; font-size:13px; font-weight:900; color:#8B5CF6 !important }
.st174t{ margin:0 4px 12px; font-size:17px; font-weight:900 }
.op174{ display:flex; flex-direction:column; gap:8px }
.op174 button{ display:flex; align-items:center; gap:12px; padding:13px 14px; border:0; border-radius:18px; cursor:pointer; text-align:start; background:#fff; box-shadow:inset 0 0 0 1.5px #EEE8F8 }
.op174 button i{ flex:none; width:22px; height:22px; border-radius:50%; box-shadow:inset 0 0 0 2px #D6CEE6; transition:.2s }
.op174 button.on{ box-shadow:inset 0 0 0 2px #8B5CF6; background:#F8F4FF } .op174 button.on i{ box-shadow:inset 0 0 0 7px #8B5CF6 }
.op174 span{ display:flex; flex-direction:column; gap:2px } .op174 b{ font-size:14px; font-weight:900 } .op174 small{ font-size:11.5px; font-weight:600; color:#8A82A0 }
@media (prefers-reduced-motion:reduce){ .pg174, .lg174{ animation:none !important } }