.hc-join-page{margin:0;min-height:100dvh;box-sizing:border-box;background:radial-gradient(ellipse at 15% 40%,#a48c6920,transparent 60%),#111113;color:#eee0ca;font:16px/1.6 system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;padding:24px 4vw;color-scheme:dark}
.hc-join-page *,.hc-email-popup *{box-sizing:border-box;min-width:0}
.hc-join-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #d3bea225;margin-bottom:32px}
.hc-join-page-header a{color:#d7c3a2;text-decoration:none;font:13px system-ui,sans-serif;letter-spacing:.1em}
.hc-join-page-header a:last-child{font-size:14px;letter-spacing:0}
.hc-join-page>.hc-join-layout{width:min(960px,100%);margin:auto;border:1px solid #d8c29f2d;border-radius:16px;overflow:hidden;box-shadow:0 20px 70px #0006}
.hc-join-layout{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(125deg,#242023,#141316);color:#eee0ca;font-family:system-ui,-apple-system,sans-serif;text-align:left}
.hc-join-art{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:40px;border-right:1px solid #d3bea216;background:radial-gradient(ellipse at center,#a6714c22,transparent 70%)}
.hc-join-art>img{display:block;width:100%;height:auto;border-radius:7px;border:1px solid #dec6a53d;box-shadow:0 15px 35px #0007;transform:rotate(-3deg)}
.hc-join-kicker{font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.08em;color:#baa07b;margin:0}
.hc-join-art-note{font:11px/1.7 system-ui,sans-serif;letter-spacing:.07em;color:#a68d6c;text-align:center}
.hc-join-copy{padding:42px 38px}
.hc-join-copy h1{font:400 clamp(38px,4vw,54px)/1.05 Georgia,serif;letter-spacing:-.045em;color:#f2e5cf;text-shadow:none;text-transform:none;margin:16px 0}
.hc-join-intro{font:15px/1.7 system-ui,sans-serif;color:#b5a58c;margin:0 0 24px}
.hc-join-form{display:flex;flex-direction:column;gap:16px}
.hc-join-form>label{font:500 13px/1.6 system-ui,sans-serif;color:#d3bd9b;display:flex;flex-direction:column;gap:7px}
.hc-join-form input[type=email]{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #d3bea236;border-radius:7px;background:#ffffff03;color:#f0dec0;font:16px system-ui,sans-serif}
.hc-join-form input::placeholder{color:#998670}
.hc-join-form input:disabled{opacity:.7}
.hc-join-form .hc-join-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font:12px/1.6 system-ui,sans-serif;color:#a99a84}
.hc-join-consent input{width:16px;height:16px;flex-shrink:0;margin:3px 0;accent-color:#e7d6bd}
.hc-join-form>button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:50px;padding:14px 18px;border:0;border-radius:7px;background:linear-gradient(110deg,#f1e2c9,#d9c09b);color:#281e14;font:600 15px system-ui,sans-serif;cursor:pointer}
.hc-join-form>button:hover:not(:disabled){background:linear-gradient(110deg,#fff0d7,#e9d1ac)}
.hc-join-form>button:disabled{opacity:.6;cursor:default}
.hc-join-form>button>span:last-child{font-size:23px}
.hc-join-status{font:12px/1.6 system-ui,sans-serif;color:#b5a085;text-align:center;margin:0}
.hc-join-signature{font:11px/1.6 system-ui,sans-serif;letter-spacing:.05em;color:#8c795f;margin:22px 0 0}
.hc-join-page-footer{font:11px/1.6 system-ui,sans-serif;letter-spacing:.08em;color:#8c795f;text-align:center;padding-top:24px}
dialog.hc-email-popup{position:fixed;inset:0;margin:auto;width:min(900px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8c29f3d;border-radius:16px;background:#171619;color:#eee0ca;box-shadow:0 30px 120px #000a;overflow:auto;scrollbar-width:thin;scrollbar-color:#c7ae8544 transparent;color-scheme:dark}
.hc-email-popup::backdrop{background:#08080bd9;backdrop-filter:blur(10px)}
.hc-join-close{position:absolute;right:13px;top:11px;z-index:1;width:36px;height:36px;border:1px solid #dec6a52b;border-radius:50%;background:#19171bcc;color:#e0cbae;font:26px/1 system-ui,sans-serif;cursor:pointer}
.hc-join-own-page{display:block;padding:12px 20px;border-top:1px solid #d8c29f20;color:#bfa580;text-align:right;font:12px system-ui,sans-serif;text-decoration:none}
.hc-social .hc-email-link{color:#e7d6bd;opacity:1;background:#e7d6bd08;border:1px solid #d3bea220}
.hc-social .hc-email-link svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hc-join-page :focus-visible,.hc-email-popup :focus-visible{outline:2px solid #e7d6bd;outline-offset:4px}
@media(min-width:1200px) and (min-height:650px) and (orientation:landscape) and (pointer:fine){body.hc-desktop .hc-d-nav{width:62%}body.hc-desktop .hc-social .hc-email-link{height:34px;align-self:center;width:34px;flex-basis:34px}}
@media(max-width:700px){.hc-join-page{padding:18px 14px}.hc-join-page-header{margin-bottom:20px;gap:10px}.hc-join-page-header a{font-size:11px}.hc-join-page-header a:last-child{font-size:12px}.hc-join-layout{grid-template-columns:1fr}.hc-join-art{padding:26px;border-right:0;border-bottom:1px solid #d3bea216;gap:20px}.hc-join-art>img{width:min(42vw,190px);margin:auto}.hc-join-art-note{font-size:10px}.hc-join-copy{padding:30px 24px}.hc-join-copy h1{font-size:42px}.hc-join-kicker{font-size:11px}.hc-email-popup .hc-join-art{padding-top:38px}.hc-join-form input[type=email]{font-size:16px}.hc-join-page>.hc-join-layout{margin:0 auto}.hc-join-page-footer{margin-top:auto}}
@media(prefers-reduced-motion:reduce){.hc-email-popup *{transition:none!important}}