.join-world{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background:var(--sun-predawn);color:#fff;font-family:var(--font-sans);color-scheme:dark}.join-world *{box-sizing:border-box}.join-landscape{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0f1430,#1b2550 55%,#2a2f63)}.join-landscape img{width:100%;height:100%;object-fit:cover;object-position:68% center}.join-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f1430e6,#1b2550b3 34%,#1b255040 60%,transparent 80%),linear-gradient(0deg,#0b1026b3,transparent 30%,transparent 82%,#0b102659)}.join-header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.join-header>a:first-child img{display:block;width:auto;height:22px}.join-host,.join-live{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;padding:0 18px;border:1px solid #ffffff59;background:#0b102640;border-radius:999px;color:#fff;text-decoration:none}.join-live>span{width:8px;height:8px;border-radius:50%;background:currentColor}.join-host:hover{background:#ffffff1a;text-decoration:none}.join-main{max-width:1440px;margin:auto;padding:24px 5% 32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,490px);justify-content:space-between;align-items:center;gap:40px 64px}.join-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffcc}.join-eyebrow>span{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sun-gold-accent);box-shadow:0 0 14px #ffd99a99}.join-welcome h1{margin:28px 0 22px;font-size:var(--att-display);line-height:.98;letter-spacing:-.045em;font-weight:700;text-shadow:0 2px 24px #0b102666}.join-welcome h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--sun-gold-accent)}.join-lead{margin:0;font-size:20px;line-height:1.45;font-weight:400;color:#fff}.join-trail{display:flex;align-items:center;gap:12px;margin-top:34px;max-width:440px;color:#ffffffcc;font-size:12px;font-weight:700;letter-spacing:.14em}.join-trail i{height:1px;flex:1;background:linear-gradient(90deg,#ffd99a,#ffd99a59)}.join-trail span:last-child{color:var(--sun-gold-eyebrow)}.join-trail b{color:var(--sun-gold-accent);font-size:20px;font-weight:400;line-height:1;text-shadow:0 0 14px #ffd99a}.join-portal{position:relative;border:1px solid var(--sun-glass-border);background:var(--sun-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--sun-radius-card);padding:40px;box-shadow:var(--sun-shadow-navy);scroll-margin-top:20px}.join-portal-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#ffffff1f;border:1px solid #ffffff4d;color:var(--sun-gold-accent);font-size:20px;margin-bottom:28px}.join-portal .join-eyebrow{font-size:12px;color:#ffffffcc}.join-portal h2{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:10px 0 8px}.join-card-intro{margin:0;color:#ffffffcc;font-size:16px;line-height:1.55}.join-portal form{margin-top:26px}.join-portal form>label[for=code]{display:block;font-size:16px;font-weight:700;margin-bottom:10px;color:#fff}.join-portal input#code{display:block;width:100%;min-width:0;height:68px;background:#0b10264d;color:#fff;border:1.5px solid #ffffff59;border-radius:var(--sun-radius-input);padding:0 22px;font-size:28px;font-weight:700;letter-spacing:.2em}.join-portal input#code::placeholder{color:#ffffff73;font-size:20px;font-weight:600;letter-spacing:.2em;opacity:1}.join-portal input#code[aria-invalid=true]{border-color:var(--sun-gold-accent)}.join-world :focus-visible{outline:3px solid var(--sun-gold-accent);outline-offset:4px}.join-enter{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:20px;border:0;background:var(--sun-gold-gradient);color:var(--sun-ink);cursor:pointer;box-shadow:var(--sun-shadow-gold);transition:filter .2s,box-shadow .2s}.join-enter:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 34px #f0a45873,0 0 0 7px #ffd99a3d}.join-enter:disabled{opacity:.75;cursor:wait}.join-error,.join-world [role=alert]{margin:10px 0 0;padding:0;border:0;background:none;color:var(--sun-gold-accent);font-size:16px;font-weight:600;line-height:1.5}.join-invite-note{margin:22px 0 0;color:#ffffffcc;font-size:16px;line-height:1.55}.join-moments{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sun-glass-border);border-radius:20px;background:#1b2550a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.join-moments article{display:flex;gap:16px;padding:22px 26px;align-items:baseline}.join-moments article+article{border-left:1px solid #ffffff2e}.join-moment-number{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:var(--att-title);line-height:1;color:#8ea6e8}.join-moments article:nth-child(2) .join-moment-number{color:#c3a6e6}.join-moments article:nth-child(3) .join-moment-number{color:var(--sun-gold-eyebrow)}.join-moments h2{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.join-moments p{margin:0;font-size:16px;color:#ffffffcc;line-height:1.5}.join-skip{position:absolute;top:12px;left:12px;transform:translateY(-180%);z-index:10;background:var(--sun-gold-accent);color:var(--sun-ink);padding:12px 18px;border-radius:999px;font-weight:700}.join-skip:focus{transform:none}@media(max-width:900px){.join-main{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:12px;max-width:620px}.join-landscape img{object-position:72% center}.join-landscape:after{background:linear-gradient(180deg,#0f1430d9,#1b2550a6 45%,#0b1026d9)}.join-welcome h1{margin:20px 0 16px}.join-trail{margin-top:24px}.join-moments{grid-template-columns:minmax(0,1fr)}.join-moments article{padding:18px 22px}.join-moments article+article{border-left:0;border-top:1px solid #ffffff2e}}@media(max-width:560px){.join-header{padding:18px 16px}.join-header>a:first-child img{height:15px}.join-host,.join-live{font-size:14px;padding:0 14px}.join-main{padding:8px 16px 24px}.join-welcome h1{font-size:var(--att-title)}.join-eyebrow{font-size:12px;letter-spacing:.12em}.join-portal{padding:26px 20px;border-radius:var(--sun-radius-panel)}.join-portal-icon{width:48px;height:48px;margin-bottom:20px}.join-portal input#code{height:60px;font-size:20px;padding:0 16px}.join-portal input#code::placeholder{font-size:20px;letter-spacing:.14em}.join-trail{font-size:12px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.join-world *{transition:none!important}}