.join-invitation{isolation:isolate;color:#f0f5fa;background:radial-gradient(at 50% 100%,#234767 0%,#102942 48%,#081d31 100%);padding:clamp(48px,4vw,80px) 0 clamp(100px,8vw,164px);position:relative;overflow:hidden}.join-invitation-inner{z-index:1;width:min(1880px,100% - 64px);margin:0 auto;position:relative}.join-invitation h2{text-align:center;letter-spacing:-.035em;margin:0 0 clamp(36px,3vw,60px);font-size:clamp(32px,4.1vw,80px);font-weight:500;line-height:1.16}.join-invitation h2>span{color:#e6c978;-webkit-text-fill-color:transparent;background:linear-gradient(175deg,#fff4be 10%,#d9b65f 46%,#a98235 72%,#f4de95 95%);-webkit-background-clip:text;background-clip:text}.join-invitation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.4vw,28px);display:grid}.join-invitation-card{background:linear-gradient(135deg,#355574ad,#102b45ed 65%);border:1px solid #7894ac66;border-radius:22px;flex-direction:column;padding:clamp(20px,1.65vw,32px);display:flex;position:relative;box-shadow:inset 0 1px 14px #c7e5ff15,0 14px 32px #0005;container-type:inline-size}.join-invitation-card:before{content:"";background:linear-gradient(90deg,#ad813933,#fff0b7,#d9b362,#ad813933);border-radius:100%;height:3px;position:absolute;top:-1px;left:18px;right:18px;box-shadow:0 0 10px #e6cd8455}.join-invitation-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.join-invitation-icon{color:#e5cd8d;background:radial-gradient(circle at 35% 20%,#6f755f,#283d45 68%);border:1px solid #d7bc76;border-radius:50%;flex:none;place-items:center;width:clamp(34px,12cqw,52px);height:clamp(34px,12cqw,52px);display:grid;box-shadow:inset 0 0 8px #ebd08b44,0 3px 8px #0006}.join-invitation-icon svg{width:58%;height:58%}.join-invitation h3{white-space:nowrap;color:#f1f5f8;margin:0;font-size:clamp(11px,6.2cqw,26px);font-weight:650;line-height:1.2}.join-invitation-card>p{color:#d5e0ea;margin:0 0 28px;font-size:clamp(16px,1.22vw,24px);line-height:1.65}.join-invitation-action{color:#f0d899;text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #88a2b84d;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:20px 0 0;font-size:clamp(15px,1.18vw,23px);font-weight:600;text-decoration:none;display:flex}.join-invitation-action>span{font-size:1.4em}.join-invitation-action:not(:disabled):hover{color:#fff3c6}.join-invitation-action:focus-visible{outline-offset:6px;outline:2px solid #f0d899}.join-invitation-horizon{z-index:0;aspect-ratio:2048/108;pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:100%;width:100%;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000,#000 32%);mask-image:linear-gradient(#0000,#000 32%)}.join-invitation-action:disabled{cursor:default;opacity:1}