#fanMembershipView{background:#f5f7f1;min-height:100vh;padding:0 0 90px}.fan-public{max-width:520px;margin:auto}.fan-public-hero{padding:48px 24px 64px;color:#fff;background:radial-gradient(circle at 90% 5%,#709b7b,#194834 62%);border-radius:0 0 34px 34px}.fan-public-hero small{letter-spacing:.12em;opacity:.8}.fan-public-hero h1{font-size:32px;line-height:1.25;margin:22px 0 12px}.fan-public-hero p{line-height:1.7;opacity:.88}.fan-public-card{position:relative;margin:-36px 16px 0;padding:24px;border-radius:24px;background:#fff;box-shadow:0 12px 35px #173b2c19}.fan-public-label{color:#a17a36;font-size:13px;letter-spacing:.1em}.fan-public-card>p{font-size:17px;line-height:1.7;color:#284b39}.fan-public-divider{height:1px;background:#e8eee9;margin:18px 0}.fan-public-card .fan-public-keep{font-size:14px;color:#627669}.fan-public-card form>label,.fan-public-code label{display:grid;gap:8px;color:#244535;font-weight:600;margin:18px 0}.fan-public-card input:not([type=checkbox]){box-sizing:border-box;width:100%;border:1px solid #d1ded4;border-radius:13px;padding:14px;font:inherit;background:#fbfdfb}.fan-public-code{display:flex;align-items:end;gap:8px}.fan-public-code label{flex:1}.fan-public-code button{border:1px solid #cbded0;border-radius:12px;background:#e9f3ea;color:#245339;padding:14px 8px;margin-bottom:18px;white-space:nowrap}.fan-public-consent{display:flex!important;align-items:start;gap:8px!important;font-weight:400!important;font-size:12px;color:#697a6c!important;line-height:1.6}.fan-public-consent input{margin-top:3px}.fan-public-submit{width:100%;border:0;border-radius:99px;background:#245d41;color:white;padding:15px;font-size:16px;font-weight:700}.fan-public-submit:disabled,.fan-public-code button:disabled{opacity:.65}.fan-public-card [role=status]{min-height:22px;color:#ab593e;font-size:13px}.fan-public-foot{padding:24px;color:#738377;display:grid;gap:6px;text-align:center}.fan-public-foot a{color:#356b4a}.fan-public-loading,.fan-public-done{max-width:480px;margin:35px auto;padding:48px 24px;text-align:center;border-radius:24px;background:#fff;color:#31503c}.fan-public-done span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#dff1df;color:#256e45;font-size:32px}.fan-public-done p{line-height:1.7;color:#697b6f}.fan-public-done a{display:inline-block;padding:12px 20px;border-radius:99px;background:#245d41;color:white;text-decoration:none}.fan-bound-mobile{display:grid;gap:6px;padding:15px;margin:18px 0;border-radius:14px;background:#f2f8f2}.fan-bound-mobile small{color:#607565}.fan-bound-mobile strong{font-size:24px;letter-spacing:.04em;color:#214a35}
.fan-order-guide{margin:18px 16px 0;padding:18px;border:1px solid #dce9de;border-radius:16px;background:#fff;color:#214a35;text-align:left}.fan-order-guide strong{font-size:16px}.fan-order-guide p{margin:8px 0 12px;font-size:14px;line-height:1.6;color:#526a58}.fan-order-guide button{display:block;width:100%;padding:13px;border:0;border-radius:12px;background:#245d41;color:#fff;font:inherit;font-weight:700;cursor:pointer}.fan-order-guide small{display:block;margin-top:10px;line-height:1.5;color:#667a6a}.fan-public-done .fan-order-guide{margin:22px 0 16px;background:#f8fbf8}