.member-body{background:#f5f7fc}.member-main{margin:0 auto;max-width:850px;padding:25px 28px 50px}.member-header{border-bottom:1px solid #e3e8f3;padding-bottom:20px;margin-bottom:35px}.member-header a{font-size:12px}.member-logo{display:flex;align-items:center;gap:10px;color:#182942}.member-logo span{display:grid}.member-logo b{font-size:18px}.demo-banner{background:#e7edff;border-radius:12px;padding:12px;font-size:12px;color:#415780}.member-login{max-width:460px;margin:60px auto;padding:35px}.member-login h1{font-size:27px;margin:20px 0}.member-login p{font-size:13px}.member-login button:not(.quiet){width:100%;margin-top:12px}.welcome{margin:30px 0}.welcome>span{font-size:13px;color:#7e8ca2}.welcome h1{margin:3px 0;font-size:28px}.welcome p{margin:5px 0;font-size:13px}.personal-card{max-width:100%;padding:32px 38px;box-shadow:0 20px 45px #17357e1c}.card-top,.card-bottom{display:flex;justify-content:space-between;gap:10px}.card-top{align-items:center}.card-top b{background:#ffffff20;padding:3px 18px;border-radius:30px}.personal-card>strong{display:block;font-size:65px;margin-top:18px;line-height:1.4}.personal-card>p{margin:0 0 24px}.card-bottom{font-size:12px;color:#cad8fb}.member-section{margin-top:40px}.member-section h2{margin:0}.muted{font-size:12px;color:#8390a6}.member-rewards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.member-rewards .panel{margin:20px 0 0}.reward-symbol{font-size:32px;color:#2855f5}.member-rewards h3{font-size:16px;margin-bottom:5px}.member-rewards p{margin-top:0;font-size:13px}.reward-state{display:block;border-radius:9px;background:#f1f3f8;color:#708097;padding:10px;font-size:12px;text-align:center;margin:15px 0}.reward-state.available{background:#e4f5ed;color:#157148}.member-rewards small{font-size:11px}.activity{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf0f6;padding:20px 0}.activity:first-of-type{border-top:0}.activity p{font-size:12px;max-width:520px;margin:5px 0;overflow-wrap:anywhere}.activity b{font-size:14px}.activity strong{font-size:23px;white-space:nowrap;text-align:center}.positive{color:#158154}.negative{color:#b54b57}.activity small{font-size:11px}.member-help p{font-size:13px}
@media(max-width:550px){.member-main{padding:20px 16px 35px}.member-login{padding:25px 20px;margin:25px auto}.member-login h1{font-size:25px}.personal-card{padding:26px}.personal-card>strong{font-size:55px}.card-top{font-size:13px}.member-rewards{gap:12px}.member-rewards .panel{padding:17px 12px}.member-rewards h3{font-size:14px}.member-section .section-head{gap:5px}.member-rewards .reward-state{font-size:11px}.activity p{max-width:220px}.welcome h1{font-size:25px}}