.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:var(--space-lg);position:relative;overflow:hidden}.join-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,hsla(258,80%,55%,.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,hsla(340,80%,55%,.12) 0%,transparent 60%);pointer-events:none}.join-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);box-shadow:var(--shadow-lg)}.join-brand{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.join-trophy{position:relative;color:var(--accent-primary)}.join-sparkle{position:absolute;color:var(--accent-secondary);animation:sparkle-float 3s ease-in-out infinite}.join-sparkle-1{top:-6px;right:-8px;animation-delay:0s}.join-sparkle-2{bottom:-4px;left:-6px;animation-delay:1.2s}@keyframes sparkle-float{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-4px) scale(1.1);opacity:1}}.join-brand-name{font-size:var(--font-lg);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-invite-badge{display:flex;align-items:center;gap:var(--space-xs);background:#6830e826;border:1px solid hsla(258,80%,55%,.3);color:var(--accent-primary);border-radius:var(--radius-full);padding:4px 12px;font-size:var(--font-sm);font-weight:600}.join-pool-name{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.join-pool-desc{font-size:var(--font-sm);color:var(--text-secondary);margin:0;max-width:340px}.join-invited-by{font-size:var(--font-sm);color:var(--text-tertiary);margin:0}.join-invited-by strong{color:var(--text-secondary)}.join-signin-hint{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.join-cta{margin-top:var(--space-sm);width:100%;justify-content:center;font-size:var(--font-md);padding:var(--space-md) var(--space-xl)}.join-spinner{color:var(--accent-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.join-loading-text{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.join-error-icon{color:var(--accent-danger, #ef4444);margin-bottom:var(--space-xs)}.join-error-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin:0}.join-error-body{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.join-success-icon{color:#22c55e;margin-bottom:var(--space-xs)}.join-success-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin:0}.join-success-body{font-size:var(--font-sm);color:var(--text-secondary);margin:0}