:root{--ink:#17363c;--muted:#657b80;--line:#cbdadc;--paper:#fff;--wash:#eef5f5;--teal:#08787a;--teal-dark:#07585f;--red:#a52c28;--shadow:0 18px 48px rgba(24,62,69,.13)}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#f6fafb 0 58%,#e9f2f2 58% 100%);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
.member-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);background:#fff;border-bottom:1px solid var(--line)}
.member-brand{display:flex;align-items:center;gap:12px}.member-brand img{width:42px;height:42px;object-fit:cover;border-radius:6px}.member-brand span,.member-brand strong,.member-brand small{display:block}.member-brand strong{font-size:19px}.member-brand small{color:var(--muted);font-size:12px}
.back-link{padding:8px 12px;color:var(--teal-dark);border:1px solid var(--line);border-radius:5px;font-weight:600}.back-link:hover{border-color:var(--teal)}
.member-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:clamp(34px,7vw,110px);padding:clamp(30px,6vw,80px) clamp(18px,7vw,110px)}
.member-context{max-width:700px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;font-weight:800}.member-context h1{max-width:660px;margin:0;font-size:clamp(31px,4vw,54px);line-height:1.14}.lead{max-width:620px;margin:22px 0 30px;color:var(--muted);font-size:16px}
.trust-list{margin:0;border-block:1px solid var(--line)}.trust-list div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid #dfe8e9}.trust-list div:last-child{border-bottom:0}.trust-list dt{font-weight:800}.trust-list dd{margin:0;color:var(--muted)}
.auth-panel{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:var(--wash)}.auth-tabs button{height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.auth-tabs button.active{border-color:var(--red);background:#fff;color:var(--ink)}
.auth-form,.account-workspace{display:grid;gap:17px;padding:30px}.form-heading h2,.account-workspace h2{margin:0;font-size:24px}.form-heading p,.account-workspace p{margin:5px 0 0;color:var(--muted)}.auth-form label{display:grid;gap:7px;font-weight:700}.auth-form input{width:100%;height:46px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid #b8cacc;border-radius:5px;outline:0}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,120,122,.13)}
.consent-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;color:var(--muted);font-weight:500!important}.consent-row input{width:17px;height:17px;margin-top:3px;accent-color:var(--teal);box-shadow:none!important}
.sms-control{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.code-button{height:46px;border:1px solid var(--teal);border-radius:5px;background:#fff;color:var(--teal-dark);font-weight:800;cursor:pointer}.code-button:disabled{cursor:not-allowed;opacity:.55}
.primary-button,.secondary-button,.primary-link,.admin-link{min-height:46px;border:0;border-radius:5px;cursor:pointer;font-weight:800}.primary-button,.primary-link{background:var(--teal-dark);color:#fff}.primary-button:hover,.primary-link:hover{background:var(--teal)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.secondary-button{width:150px;border:1px solid var(--line);background:#fff;color:var(--ink)}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-link,.admin-link{display:inline-flex;min-width:170px;align-items:center;justify-content:center;padding:0 18px}.admin-link{border:1px solid var(--teal);background:#fff;color:var(--teal-dark)}
.auth-message{min-height:24px;margin:-13px 30px 22px;color:var(--muted)}.auth-message[data-tone="error"]{color:var(--red)}.auth-message[data-tone="success"]{color:var(--teal-dark)}
.account-label{color:var(--teal);font-size:12px;font-weight:800}.account-status{display:flex;justify-content:space-between;gap:12px;padding:12px;background:var(--wash);border-left:3px solid var(--red)}.account-status span{font-weight:700}.account-status small{color:var(--muted)}
.verify-form{display:grid;gap:13px;padding:16px;background:var(--wash);border:1px solid var(--line);border-radius:6px}.verify-form label{display:grid;gap:7px;font-weight:700}.verify-form input{width:100%;height:46px;padding:0 12px;border:1px solid #b8cacc;border-radius:5px}
.privacy-note{border-top:1px solid var(--line);padding:17px 30px 22px;color:var(--muted);background:#fbfdfd}.privacy-note summary{cursor:pointer;color:var(--teal-dark);font-weight:700}.privacy-note p{margin:10px 0 0;font-size:12px}
[hidden]{display:none!important}
@media(max-width:900px){.member-layout{grid-template-columns:1fr;align-items:start;gap:28px}.member-context{max-width:none}.member-context h1{font-size:34px}.trust-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border:0}.trust-list div{display:block;border-top:1px solid var(--line);border-bottom:0}.trust-list dd{margin-top:6px}}
@media(max-width:620px){body{background:#f5f9f9}.member-topbar{height:62px}.member-brand img{width:36px;height:36px}.member-brand strong{font-size:17px}.back-link{font-size:12px}.member-layout{min-height:calc(100vh - 62px);padding:24px 15px 38px}.member-context h1{font-size:28px}.lead{margin:15px 0 20px;font-size:14px}.trust-list{grid-template-columns:1fr;gap:0}.trust-list div{display:grid;grid-template-columns:92px 1fr}.auth-form,.account-workspace{padding:24px 19px}.auth-message{margin:-8px 19px 18px}.privacy-note{padding:15px 19px 19px}.account-status{display:grid}}
