.homepage-join { position:fixed; inset:0; z-index:10000; background:rgba(25,45,40,.35); overflow:auto; padding:24px 12px; box-sizing:border-box; }
.homepage-join-card { position:relative; box-sizing:border-box; max-width:420px; margin:8vh auto; padding:28px; border-radius:12px; background:#fff; box-shadow:0 12px 40px rgba(0,0,0,.18); color:#244e45; }
.homepage-join-card h2 { margin:0 28px 16px 0; }
.homepage-join-card p { line-height:1.6; }
.homepage-join-card label { display:block; margin:12px 0 5px; }
.homepage-join-card input:not([type=hidden]) { display:block; width:100%; box-sizing:border-box; padding:10px; font-size:16px; border:1px solid #9ebfb7; border-radius:5px; }
.homepage-join-card button { cursor:pointer; padding:10px; margin-top:10px; }
.homepage-join-card button[type=submit] { width:100%; color:#fff; background:var(--category-note,#527f73); border:0; border-radius:5px; }
.homepage-join-card .homepage-join-close { position:absolute; top:8px; right:12px; margin:0; padding:4px 10px; border:0; background:transparent; font-size:26px; }
#homepageJoinError { color:#a52c2c; }