.join-page{--join-ink:#10263b;--join-blue:#245d91;--join-gold:#b39356;--join-surface:#fff;--join-line:#dae1e7;background:#f5f6f8;color:var(--join-ink)}
.join-shell{width:min(1240px,calc(100% - 40px));margin:auto;padding:32px 0 100px}.join-back{font-size:13px;color:inherit}.join-hero{padding:56px 0 40px;max-width:850px}.join-eyebrow{font-size:12px;font-weight:750;letter-spacing:.14em;color:var(--join-gold);text-transform:uppercase}.join-hero h1{font-family:Georgia,serif;font-size:clamp(34px,4.5vw,64px);line-height:1.08;letter-spacing:-.035em;margin:18px 0}.join-hero>p:not(.join-eyebrow){font-size:18px;line-height:1.6;max-width:620px}.join-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:15px 22px;border:1px solid transparent;border-radius:10px;background:var(--join-blue);color:#fff!important;text-decoration:none;font:700 13px/1.35 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;text-align:center;box-sizing:border-box}.join-button.secondary{background:transparent;color:var(--join-ink)!important;border-color:var(--join-line)}.join-button.discord{background:#5865f2}.join-hero>button{margin-top:24px;width:fit-content}.join-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.join-step{background:var(--join-surface);border:1px solid var(--join-line);border-radius:16px;padding:28px;display:flex;flex-direction:column;position:relative;gap:14px;min-width:0}.join-number{position:absolute;right:24px;top:24px;color:#7c8b9b;font:16px Georgia}.join-mark{font-size:34px;color:var(--join-blue)}.join-step h2{font:600 25px/1.2 Georgia,serif;margin:0}.join-step p{font-size:15px;line-height:1.6;margin:0 0 12px}.join-step .join-button{margin-top:auto}.join-step>a:last-child:not(.join-button){font-size:13px;color:var(--join-blue)}.join-live{background:#10263b;color:white;padding:30px;border-radius:16px;margin-bottom:24px;border-left:4px solid #c34048}.join-live h2{font:30px Georgia}.join-live .join-button{max-width:380px;background:#fff;color:#10263b!important}.join-help{max-width:760px;margin:64px 0}.join-help h2{font:34px Georgia}.join-help details{border-top:1px solid var(--join-line);padding:6px 0}.join-help summary{display:flex;justify-content:space-between;cursor:pointer;padding:18px 0;font-weight:650;list-style:none;min-height:48px;box-sizing:border-box}.join-help details p{line-height:1.7;padding:0 0 16px;max-width:65ch}.join-note{font-size:13px;line-height:1.7;color:#647283;max-width:80ch}.join-sticky{display:none}.join-dialog{border:1px solid #d0d8e2;border-radius:20px;padding:32px;width:min(520px,calc(100% - 40px));box-sizing:border-box;max-height:90dvh;overflow:auto;color:var(--join-ink);background:var(--join-surface)}.join-dialog::backdrop{background:#061525b8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px;min-width:44px;min-height:44px;background:transparent;border:0;font-size:28px;color:inherit;cursor:pointer}.join-dialog progress{width:100%;height:5px;accent-color:var(--join-blue);margin:16px 0}.join-dialog h2{font:30px Georgia}.join-dialog p{line-height:1.6}.join-dialog a:not(.join-button){display:block;margin-top:20px;color:inherit}.join-choice{display:block;width:100%;text-align:left;min-height:56px;padding:15px;margin:10px 0;background:transparent;border:1px solid var(--join-line);border-radius:10px;color:inherit;font-size:15px;cursor:pointer}.join-choice:hover{border-color:var(--join-blue)}.join-page :focus-visible{outline:3px solid #b39356;outline-offset:3px}.theme-dark .join-page{--join-ink:#e8edf4;--join-surface:#172536;--join-line:#354353;--join-blue:#487caf;background:#101b28}.theme-dark .join-note{color:#a5b3c4}
@media(max-width:800px){.join-steps{grid-template-columns:1fr}.join-hero{padding:36px 0 24px}.join-shell{width:calc(100% - 32px)}.join-step{padding:24px}.join-sticky{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--join-surface);border-top:1px solid var(--join-line);z-index:40}.join-help{margin:40px 0}.join-page .site-footer{padding-bottom:90px}.join-dialog{padding:24px}.join-hero>button{width:100%}}
.join-page h1,.join-page h2{text-transform:none}.join-page .see-also{display:none}.join-page .site-header .top-strip,.join-page .site-header .search-box,.join-page .site-header .header-actions,.join-page .site-header .main-nav-shell{display:none}.join-page .site-header .brand-row{padding:18px 20px;min-height:0;display:flex;max-width:1280px;margin:auto}.join-page .site-header .brand{font-size:17px;max-width:440px}.join-page .site-header .brand img{width:38px;height:44px;object-fit:contain}.join-page .site-header{border-bottom:1px solid var(--join-line)}