.join-page{--join-green:#35c177;--join-orange:#fd7933;--join-purple:#8d73d1;--join-card-bg:#090d16d1;--join-card-border:#303848a6;min-height:100vh;color:var(--text-primary);font-family:var(--font-body,system-ui, sans-serif);background:radial-gradient(circle at 50% 0,#10101e,#030409 55%);background:radial-gradient(circle at 50% 0,lab(5.0155% 3.04133 -9.66896),lab(1.17426% .0721216 -1.92133) 55%);position:relative;overflow-x:clip}@supports (color:lab(0% 0 0)){.join-page{--join-green:lab(69.5911% -51.1996 26.4252);--join-orange:lab(66.244% 48.7302 60.226);--join-purple:lab(53.9961% 26.5071 -45.602);--join-card-bg:lab(3.62337% .159085 -5.34269/.82);--join-card-border:lab(23.2676% .0450313 -11.0101/.65)}}.join-page__glow{filter:blur(80px);opacity:.45;pointer-events:none;z-index:0;border-radius:50%;width:min(42vw,28rem);height:min(42vw,28rem);position:fixed}.join-page__glow--left{background:var(--join-green);top:18%;left:-8%}.join-page__glow--right{background:var(--join-orange);top:22%;right:-8%}.join-page__header{z-index:1;justify-content:center;padding:1.5rem 1rem .5rem;display:flex;position:relative}.join-logo{outline-offset:4px;border-radius:999px;display:inline-flex}.join-logo:focus-visible{outline:2px solid var(--focus-ring)}.join-logo__image{width:3rem;height:3rem;display:block}.join-page__main{z-index:1;padding:.75rem 1rem 2rem;position:relative}.join-page__grid{gap:1rem;max-width:72rem;margin:0 auto;display:grid}@media (min-width:1024px){.join-page__grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.25rem}}.join-card{background:var(--join-card-bg);border:1px solid var(--join-card-border);box-shadow:0 0 0 1px #665a8c14 inset, var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.25rem;padding:1.25rem}@supports (color:lab(0% 0 0)){.join-card{box-shadow:0 0 0 1px lab(40.9929% 14.1255 -26.3109/.08) inset, var(--shadow-lg)}}.join-card--register{border-image:linear-gradient(135deg, var(--join-green), var(--join-purple)) 1}.join-card--sign-in{border-image:linear-gradient(135deg, var(--join-purple), var(--join-orange)) 1}.join-card__header{margin-bottom:1rem}.join-card__title{font-family:var(--font-display,system-ui, sans-serif);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:700}.join-steps{color:var(--text-secondary);gap:.75rem;margin:0 0 1rem;padding-left:1.2rem;line-height:1.55;display:grid}.join-steps--compact{margin-bottom:.75rem}.join-steps strong{color:var(--text-primary);font-weight:600}.join-example{background:#09201240;background:lab(10.0424% -12.5521 6.3243/.25);border:1px solid #17653c73;border:1px solid lab(37.4944% -31.9998 16.5157/.45);border-radius:.75rem;margin-top:.5rem;padding:.75rem .9rem}.join-example__text{color:var(--join-green);margin:0;font-weight:600}.join-example__hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.875rem}.join-provider-numbers{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.join-provider-number{min-height:2.75rem;color:var(--text-primary);background:#051b0e4d;background:lab(7.72356% -10.96 5.4408/.3);border:1px solid #2a744980;border:1px solid lab(43.3008% -31.855 16.4207/.5);border-radius:999px;align-items:center;padding:.5rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.join-provider-number:hover{background:#07261473;background:lab(12.4892% -15.9542 8.22209/.45)}.join-provider-number:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.join-card__confirmation{color:var(--text-secondary);background:#08180e33;background:lab(6.53389% -7.49777 3.74662/.2);border:1px solid #17653c59;border:1px solid lab(37.4944% -31.9998 16.5157/.35);border-radius:.75rem;margin:0 0 1rem;padding:.75rem .9rem;font-size:.95rem}.join-card__actions{gap:.65rem;display:grid}.btn-join{cursor:pointer;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.7rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}@media (prefers-reduced-motion:reduce){.btn-join{transition:none}}.btn-join:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-join--whatsapp{color:#f3fbf5;color:lab(97.8159% -3.08818 1.58125);background:linear-gradient(135deg,#006738,#00512a);background:linear-gradient(135deg,lab(37.7384% -38.7767 20.0717),lab(29.363% -32.2878 16.7087));border-color:#25865180;border-color:lab(49.3547% -38.3674 19.7976/.5)}.btn-join--primary{color:var(--action-primary-foreground);background:linear-gradient(135deg,#1f74bf,#3c5aa1);background:linear-gradient(135deg,lab(47.1027% -3.97182 -47.02),lab(38.5971% 6.7517 -42.7058))}.btn-join--accent{background:linear-gradient(135deg, var(--join-orange), #cf4040);color:#fff6f3;color:lab(97.6278% 2.38341 2.72528)}@supports (color:lab(0% 0 0)){.btn-join--accent{background:linear-gradient(135deg, var(--join-orange), lab(49.4737% 56.8232 34.3326))}}.btn-join--secondary{background:var(--surface-elevated);border-color:var(--border);color:var(--text-primary)}.btn-join:disabled{opacity:.6;cursor:not-allowed}.join-tabs{border:1px solid var(--border);background:#06090fe6;background:lab(2.43697% .0516996 -2.99895/.9);border-radius:.85rem;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1rem;padding:.25rem;display:grid}.join-tabs__tab{min-height:2.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem;font-weight:600}.join-tabs__tab.is-active{color:var(--text-primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#1f283d,#211a34);background:linear-gradient(135deg,lab(16.2084% .774413 -14.48),lab(11.1686% 9.29621 -16.3226))}.join-tabs__tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.join-tabpanel[hidden]{display:none}.join-form{gap:.85rem;display:grid}.join-form-field{gap:.35rem;display:grid}.join-error{color:#fdc9c4;color:lab(85.5193% 18.485 10.0423);background:#2e100e40;background:lab(9.02985% 15.6747 7.8086/.25);border:1px solid #a43b3880;border:1px solid lab(40.6069% 44.0896 26.0737/.5);border-radius:.65rem;margin:0 0 .75rem;padding:.65rem .8rem;font-size:.92rem}.join-status,.join-live-region:not(:empty){color:var(--join-green);margin:0 0 .75rem;font-size:.92rem}.join-live-region:empty{display:none}.join-signed-in{color:var(--text-secondary);margin:0 0 1rem;font-size:1rem}.join-password-change{border-top:1px solid var(--border);margin:0 0 1.25rem;padding:1rem 0 0}.join-password-change__title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.join-password-change__hint{color:var(--text-muted);margin:0 0 .85rem;font-size:.9rem;line-height:1.45}.join-password-change__form{margin-top:.25rem}.join-passcode-help{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.join-passcode-help__title{margin:0 0 .65rem;font-size:1rem;font-weight:600}.passcode-input{position:relative}.passcode-input__slots{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.passcode-input__slot{border:1px solid var(--border);background:var(--surface-elevated);letter-spacing:.05em;min-height:2.75rem;color:var(--text-primary);border-radius:.65rem;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:700;display:flex}.passcode-input__slots--error .passcode-input__slot{border-color:var(--error)}.passcode-input__slot--filled{border-color:#3275b4a6;border-color:lab(47.2838% -4.9921 -40.4988/.65)}.passcode-input__field{opacity:.02;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.passcode-input__field:focus{opacity:.04}.passcode-input:focus-within .passcode-input__slot{outline:2px solid var(--focus-ring);outline-offset:1px}