:root{color-scheme:dark}
.fjoin-main{width:min(1050px,calc(100% - 24px));margin:auto;padding:10px 0 86px}
.fjoin-main *, .fjoin-footer *{box-sizing:border-box}
.fjoin-nav{display:flex;flex-wrap:wrap;gap:10px}.fjoin-nav a{font-size:.9rem;color:#f8deac;text-decoration:none;padding:8px}
.fjoin-hero{padding:26px 4px 18px;max-width:850px}.fjoin-hero h1{font-size:clamp(2rem,7vw,3.65rem);line-height:1.08;margin:8px 0 15px}.fjoin-hero p{line-height:1.55}
.fjoin-eyebrow{color:#efc77d;text-transform:uppercase;font-weight:800;font-size:.77rem;letter-spacing:.07em}
.fjoin-gold{color:#f6cc7e}.fjoin-panel{background:linear-gradient(145deg,#21152e,#150d20);border:1px solid #886a9d;border-radius:17px;padding:clamp(15px,3.4vw,28px);margin:14px 0 22px;min-width:0;overflow-wrap:break-word}
.fjoin-panel h2{font-size:clamp(1.3rem,4vw,1.9rem);margin:0 0 12px}
.fjoin-note{color:#e4d5ed;font-size:.9rem;line-height:1.5;margin:12px 0}
.fjoin-textlink{color:#f3cd87;font-weight:700;display:inline-block;margin-top:10px}
.fjoin-inviter{display:flex;align-items:start;gap:14px;flex-wrap:wrap;min-width:0}.fjoin-inviter img{width:70px;height:70px;flex:none;object-fit:cover;border-radius:12px;border:1px solid #ba9358}.fjoin-inviter strong{display:block;color:#fff;margin:0 0 5px}.fjoin-inviter p{margin:2px 0;color:#d9cee4}.fjoin-inviter .fjoin-online-id{color:#f7cb78;font-weight:700;overflow-wrap:anywhere}
.fjoin-tiergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}
.fjoin-tier{background:#181020;border:1px solid #705582;border-radius:13px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.fjoin-tier h3{margin:4px 0 7px;color:#fff}.fjoin-tier p{font-size:.86rem;line-height:1.45;margin:5px 0 14px}.fjoin-tier-symbol{color:#e5be74;font-size:1.45rem}.fjoin-value{font-weight:900!important;font-size:1.2rem!important;color:#f0ce8a!important}.fjoin-choose{margin-top:auto;display:block;width:100%;min-height:44px;background:linear-gradient(120deg,#fbe1ac,#d8ad69);color:#23152d;border:0;border-radius:10px;font-size:.92rem;font-weight:850;cursor:pointer;padding:10px}
.fjoin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fjoin-form label{display:grid;gap:6px;font-weight:700;font-size:.93rem}.fjoin-form input:not([type=checkbox]),.fjoin-form select{background:#100b18;color:#fff;border:1px solid #a38ab9;border-radius:10px;min-height:46px;width:100%;padding:10px;min-width:0;font-size:1rem}.fjoin-form small{font-size:.78rem;color:#e9d9f2;font-weight:400}.fjoin-inviter-input{margin-top:13px}.fjoin-consent{display:grid;gap:12px;margin:18px 0}.fjoin-consent label{display:flex;align-items:flex-start;gap:10px;font-weight:500}.fjoin-consent input{width:21px;height:21px;flex:none;margin-top:3px}.fjoin-submit,.fjoin-native-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:linear-gradient(125deg,#ffdfa2,#d4a65c);color:#231525!important;text-decoration:none;border:0;border-radius:11px;font-weight:900;padding:12px 19px;cursor:pointer}.fjoin-submit[disabled]{opacity:.6;cursor:wait}.fjoin-status{margin-top:12px;font-weight:700;color:#f5d18d;overflow-wrap:anywhere}.fjoin-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.fjoin-directory-card{background:#130e1d;border:1px solid #705582;border-radius:13px;padding:14px;display:grid;gap:9px;min-width:0}.fjoin-directory-card img{width:72px;height:72px;object-fit:cover;border-radius:13px;border:1px solid #e1b667}.fjoin-directory-card strong{color:#fff}.fjoin-directory-card p{font-size:.86rem;margin:0}.fjoin-directory-card small{color:#e8d9ee;overflow-wrap:anywhere}.fjoin-directory-card a{background:#e5b96e;color:#1c1127!important;padding:10px;border-radius:9px;text-align:center;text-decoration:none;font-weight:900}.fjoin-footer{max-width:1060px;margin:0 auto;padding:20px 13px 100px;color:#d8c5e8;border-top:1px solid #5d4871;text-align:center;font-size:.88rem}
@media(max-width:640px){.fjoin-fields,.fjoin-tiergrid,.fjoin-directory{grid-template-columns:1fr}.fjoin-panel{padding:16px}.fjoin-nav{width:100%;justify-content:flex-start}.fjoin-inviter{gap:10px}.fjoin-main{width:calc(100% - 22px)}.fjoin-submit,.fjoin-native-link{width:100%}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}