html{background-color:#0f172a!important;background:#0f172a!important}body{background-color:#0f172a!important;background:#0f172a!important;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;margin:0;color:#e2e8f0}.join-container{max-width:600px;width:100%}.join-card{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.3)}.join-icon{font-size:4rem;margin-bottom:1rem;color:#3b82f6}.join-title{color:#f1f5f9;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.join-subtitle{color:#cbd5e1;margin-bottom:1.5rem;font-size:1rem}.server-info{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.4);border-radius:.5rem;padding:1rem;margin:1.5rem 0;font-family:monaco,consolas,monospace;font-weight:600;color:#60a5fa;word-break:break-all}.loading-status{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.spinner{border:3px solid rgba(59,130,246,.3);border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.loading-text{color:#cbd5e1;font-size:.95rem;margin:0}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.join-note{margin-top:1.5rem;font-size:.875rem;color:#94a3b8;line-height:1.6}.error-icon{font-size:4rem;margin-bottom:1rem;color:#ef4444}p{color:#cbd5e1}.alert-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}