.access-banner{background:#fff0c8;border-bottom:2px solid #151515;padding:12px 3.3%;font-size:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.access-banner[hidden]{display:none}.access-banner a{font-weight:900;color:#213dce}.member-account{margin-right:14px}.membership-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:38px 0}.membership-card{background:#fff;border:2px solid #171717;box-shadow:5px 5px 0 #d8d3c6;padding:25px 22px;display:flex;flex-direction:column;position:relative}.membership-card.featured{border-color:#3154ff;box-shadow:6px 6px 0 #3154ff}.membership-card .plan-tag{font-size:11px;letter-spacing:1px;font-weight:900;background:#ffbc48;color:#161616;padding:6px 9px;align-self:flex-start}.membership-card h2{font-size:24px;margin:22px 0 12px}.membership-price{font-size:48px;line-height:1.12;font-weight:950;letter-spacing:-2px}.membership-price small{font-size:18px;letter-spacing:0}.membership-period{font-size:13px;color:#6a6a65;margin-top:10px}.membership-card ul{padding-left:19px;font-size:14px;line-height:1.85;flex:1;margin:23px 0}.membership-card .btn{justify-content:center}.member-info{padding:22px;border-left:6px solid #3154ff;background:#e9edff;margin:24px 0;line-height:1.8}.member-info.warm{background:#fff0cd;border-color:#e5991d}.member-lock{padding:36px;border:2px solid #151515;background:#fff;box-shadow:7px 7px 0 #3154ff;margin:25px 0}.member-lock .lock-mark{display:inline-block;background:#3154ff;color:#fff;padding:6px 11px;font-size:12px;font-weight:900}.member-lock h2{font-size:32px;margin:20px 0 12px}.member-lock p{line-height:1.8;color:#595951;max-width:760px}.member-lock .row{margin-top:22px}.member-auth{max-width:620px;margin:32px auto;background:#fff;border:2px solid #171717;box-shadow:7px 7px 0 #3154ff;padding:32px}.member-auth .field{margin:17px 0}.member-auth input,.member-form input,.member-form select,.member-form textarea{width:100%;border:1.5px solid #aaa69b;border-radius:0;background:#fff;padding:12px;font:inherit;color:#171717;box-sizing:border-box}.member-auth input:focus,.member-form input:focus,.member-form textarea:focus{outline:2px solid #3154ff;outline-offset:2px}.member-auth .btn{width:100%;justify-content:center;margin-top:12px}.member-status{min-height:24px;font-size:14px;line-height:1.7;margin-top:14px;color:#9d2b32;white-space:pre-line}.member-state{display:inline-block;padding:5px 9px;background:#ece9df;border:1px solid #ccc7b9;font-weight:800;font-size:12px}.member-state.good{background:#d8eee5;color:#14624d;border-color:#7ab29c}.member-state.wait{background:#fff0ce;color:#74500c;border-color:#d9b662}.member-checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:30px}.member-checkout .panel{align-self:start}.member-qr{display:block;max-height:550px;width:auto;max-width:100%;margin:22px auto;object-fit:contain}.member-form .check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.7;margin:17px 0}.member-form .check input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.member-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.member-steps>div{padding:20px;background:#fff;border:1px solid #d5d0c4}.member-steps b{color:#3154ff;font-size:25px}.member-steps p{line-height:1.65;font-size:14px}.member-table-wrap{overflow-x:auto;margin-top:20px}.member-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.member-table th,.member-table td{padding:14px 12px;border-bottom:1px solid #ded9cc;text-align:left;vertical-align:top}.member-table th{background:#151515;color:#fff;font-size:12px;white-space:nowrap}.member-table .btn{padding:7px 10px;font-size:12px;white-space:nowrap}.member-table small{display:block;color:#6e6d66;line-height:1.6;margin-top:5px}.member-table code{word-break:break-all;font-size:12px}.member-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:25px 0}.member-account-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:28px 0}.member-paper-row{padding:22px;background:#fff;border:2px solid #c9c3b5;margin:18px 0}.member-paper-row h3{font-size:19px;margin-bottom:18px}.member-paper-row .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-paper-row textarea{margin-top:8px;font-size:14px;line-height:1.75}.member-paper-row .field{margin-bottom:14px}.member-paper-row .paper-upload-state{font-size:13px;color:#14624d}.member-progress{height:8px;background:#dcd7ca;margin:12px 0}.member-progress span{display:block;height:100%;background:#3154ff}.member-admin-nav{margin:20px 0;display:flex;flex-wrap:wrap;gap:10px}.member-kpi{font-size:32px;font-weight:900}.member-question-editor{border:1px solid #ccc6ba;padding:18px;margin:14px 0}.member-question-editor textarea{min-height:100px}.member-question-editor .field{margin:12px 0}.member-inline-note{font-size:12px;color:#6b6a62;line-height:1.8}.member-ghost-chart{height:140px;display:flex;gap:15px;align-items:flex-end;padding:25px;border-bottom:2px solid #151515;background:#fff}.member-ghost-chart span{flex:1;max-width:80px;background:#c8d1ff;border:2px solid #3154ff}.member-reward{background:#ffbc48;border:2px solid #171717;padding:25px;box-shadow:5px 5px 0 #171717}.member-reward .amount{font-size:50px;font-weight:950}.member-reward p{font-size:14px;line-height:1.8}.membership-comparison{font-size:14px;line-height:1.8}.member-empty{padding:25px;border:1px dashed #c3bdaf;background:#faf8f2;color:#77736a;line-height:1.8}.member-total{font-variant-numeric:tabular-nums}.member-danger{color:#9d2933}.member-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:8px 11px;background:#dfeee7;color:#205c48;border:1px solid #96b4a3}.member-live:before{content:'';width:6px;height:6px;background:#1a8a5b;border-radius:50%}.member-minor{font-size:12px;font-weight:500;color:#6c6a63}.member-ui-title{font-size:28px;margin:8px 0 24px}.member-mini-note{padding:14px 17px;background:#e9edff;font-size:13px;line-height:1.8;margin-bottom:15px}
.sidebar .brand{font-size:23px;letter-spacing:0;line-height:1.25}.sidebar .brand small{font-size:8px;letter-spacing:.6px}.sidebar .brand-icon{display:none}.hero-seal span{font-size:9px;letter-spacing:1px}@media(max-width:800px){.sidebar .brand{font-size:20px}}@media(max-width:620px){.sidebar .brand{font-size:16px}.sidebar .brand small{font-size:5px}}
@media(max-width:1350px){.membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-card{padding:25px}.member-checkout{gap:18px}}
@media(max-width:800px){.membership-grid,.member-checkout,.member-account-grid{grid-template-columns:1fr}.member-steps{grid-template-columns:1fr}.member-paper-row .form-grid{grid-template-columns:1fr}.membership-card .membership-price{font-size:45px}.member-auth{padding:23px;margin:22px 0}.member-lock{padding:25px}.member-lock h2{font-size:26px}.access-banner{padding:12px 18px;font-size:12px}.member-account{font-size:12px!important;padding:7px 10px!important}.member-qr{max-height:480px}.member-table{min-width:650px}.topbar>div{gap:7px}}
/* Membership library, feedback and personal teaching service. */
.member-promise{background:#304ffe;color:white;border:3px solid #171717;padding:30px 34px;box-shadow:7px 7px 0 #171717;margin:28px 0 38px}.member-promise h2{color:#fff;font-size:clamp(24px,3vw,38px);margin:14px 0}.member-promise p{max-width:920px;line-height:1.9}.member-promise .label,.member-promise .small{color:#fff}.plan-service{font-weight:800;background:#fff0c7;padding:7px 4px}.member-service-banner{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:28px;background:#fff0cb;border:2px solid #171717;margin:32px 0}.member-service-banner p{line-height:1.9;max-width:830px}.member-service-banner .btn{flex-shrink:0}.member-benefit-pair,.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.community-card{background:#fff;border:2px solid #171717;padding:24px;margin:0 0 20px;overflow-wrap:anywhere}.community-card h3{font-size:22px;line-height:1.5;margin:14px 0}.community-card p{line-height:1.9;overflow-wrap:anywhere}.community-card details{border-top:1px solid #ddd;margin-top:20px;padding-top:15px}.community-card summary{cursor:pointer;font-weight:700}.community-prose{white-space:pre-wrap}.community-answer{padding:18px 0;border-bottom:1px solid #ddd}.reward-notice{padding:12px;background:#e3f5e8;color:#195934;font-weight:800}.update-timeline{border-left:4px solid #304ffe;padding-left:30px;margin:24px 0}.update-timeline article{position:relative;border:2px solid #171717;padding:22px;background:#fff;margin-bottom:24px}.update-timeline article:before{content:'';position:absolute;left:-41px;top:24px;width:14px;height:14px;border:2px solid #171717;background:#ffbe4f}.service-messages{margin:20px 0;max-height:500px;overflow:auto}.service-messages article{padding:18px;background:#f3f2ed;border-left:4px solid #171717;margin:12px 0}.service-messages .teacher-message{background:#edf0ff;border-color:#304ffe}.community-review,.community-payout{border-top:1px solid #ccc;padding-top:18px;margin-top:18px}.membership-card li{line-height:1.65}.member-admin-nav{flex-wrap:wrap}.member-benefit-pair .member-reward{margin-top:15px}@media(max-width:800px){.member-benefit-pair,.community-grid{grid-template-columns:1fr}.member-service-banner{display:block;padding:20px}.member-service-banner>.btn{margin-top:15px}.member-promise{padding:23px}.community-card{padding:18px}}