.member-introduction{min-height:100svh;background:#fff;color:var(--ink);padding:0 32px;box-sizing:border-box}
.intro-header{max-width:1280px;margin:auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.intro-header .brand{font-size:21px}.intro-header .brand-symbol{width:32px;height:32px}
.intro-header>button{border:0;background:transparent;color:var(--muted)}
.intro-main{max-width:560px;margin:35px auto 0;padding-bottom:28px}
.intro-progress{display:flex;gap:7px}.intro-progress span{height:4px;flex:1;background:#e7eeec;border-radius:5px}.intro-progress .filled{background:var(--teal)}
.intro-step{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);margin:18px 0 30px}
.intro-page{min-height:380px}.intro-page h1{font:600 clamp(30px,4vw,43px)/1.15 Manrope,sans-serif;letter-spacing:-1.4px;margin:0 0 25px;max-width:530px;outline:none}
.intro-page p{font-size:16px;line-height:1.65;color:var(--muted)}.intro-page .intro-lead{font-size:19px;line-height:1.5;color:var(--ink);margin:0 0 22px}.intro-page strong{color:var(--ink)}
.intro-note{background:#f2f6f3;border-radius:14px;padding:21px 24px;line-height:1.6;margin-top:26px;font-size:15px}
.intro-benefits{list-style:none;padding:0;margin:26px 0;display:grid;gap:20px;counter-reset:benefit}.intro-benefits li{display:grid;grid-template-columns:32px 1fr;column-gap:15px;counter-increment:benefit}.intro-benefits li:before{content:counter(benefit);grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);font-size:13px;font-weight:700}.intro-benefits strong{font-size:16px}.intro-benefits span{color:var(--muted);font-size:15px;line-height:1.6;margin-top:3px}
.intro-page .intro-small{font-size:13px;line-height:1.6}.intro-privacy{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-top:24px}.intro-privacy summary{font-size:15px;font-weight:700;cursor:pointer}.intro-privacy p{font-size:14px;margin-bottom:0}
.intro-label{display:block;font-size:14px;font-weight:600;margin:32px 0 10px}.intro-page input[type=text],.intro-page input:not([type]){width:100%;box-sizing:border-box;border:1px solid #a8bdb8;border-radius:12px;padding:18px;font:500 19px 'DM Sans',sans-serif;color:var(--ink);background:#fff}
.intro-roles{border:0;margin:30px 0 0;padding:0;display:grid;gap:12px}.intro-role{border:1px solid #cedbd7;border-radius:12px;padding:19px 20px;display:flex;align-items:center;gap:15px;font-size:16px;line-height:1.4;cursor:pointer}.intro-role:has(input:checked){border-color:var(--teal);background:#f1f6f3;box-shadow:0 0 0 1px var(--teal)}.intro-role input{width:19px;height:19px;flex-shrink:0;accent-color:var(--teal);margin:0}
.intro-avatar{margin:26px 0}.intro-avatar .member-avatar{width:104px;height:104px;font-size:32px}.intro-avatar .member-avatar img{width:104px;height:104px;object-fit:cover}.intro-upload{display:block;font-weight:600;font-size:15px}.intro-upload input{display:block;font-size:14px;margin-top:12px;max-width:100%}.intro-upload input::file-selector-button{background:#f2f6f3;border:1px solid var(--line);padding:12px 16px;border-radius:8px;margin-right:12px;color:var(--ink);cursor:pointer}.intro-text-button{padding:8px 0;border:0;background:transparent;text-decoration:underline;font-size:14px}
#intro-status{font-size:14px;line-height:1.5;color:#a13226;min-height:21px;margin:14px 0}.intro-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px}.intro-actions button{min-height:52px;font-size:16px;border-radius:12px}.intro-actions .primary{min-width:210px;display:flex;justify-content:space-between;gap:25px;padding:16px 22px}.intro-actions #intro-back{background:transparent;border:0;padding-left:0}.intro-byline{text-align:center;font-size:12px;font-weight:600;color:var(--muted);margin:38px 0 0}.intro-byline span{font-weight:400}
.member-introduction button:focus-visible,.member-introduction input:focus-visible,.intro-privacy summary:focus-visible{outline:3px solid #477f78;outline-offset:4px}.member-introduction button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.member-introduction{padding:0 22px}.intro-header{padding:20px 0}.intro-header .brand{font-size:18px}.intro-main{margin-top:24px}.intro-step{margin-bottom:26px}.intro-page{min-height:350px}.intro-page h1{letter-spacing:-.8px}.intro-page .intro-lead{font-size:18px}.intro-role{padding:16px}.intro-actions{gap:12px}.intro-actions .primary{min-width:0;flex:1;max-width:280px}.intro-note{padding:18px}.intro-byline{margin-top:28px}}