.container.svelte-1uha8ag{max-width:400px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.hero.svelte-1uha8ag{text-align:center;margin-bottom:3rem}h1.svelte-1uha8ag{font-size:2.5rem;margin-bottom:.5rem;color:#d4a574}.tagline.svelte-1uha8ag{color:#888;font-style:italic}.form-section.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}.input.svelte-1uha8ag{width:100%;padding:1rem;border:2px solid #333;border-radius:8px;background:#2a2a2a;color:#eee;font-size:1rem}.input.svelte-1uha8ag:focus{outline:none;border-color:#d4a574}.input.svelte-1uha8ag::placeholder{color:#666}.input-code.svelte-1uha8ag{text-transform:uppercase;letter-spacing:2px;text-align:center}.divider.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.divider.svelte-1uha8ag:before,.divider.svelte-1uha8ag:after{content:"";flex:1;height:1px;background:#333}.divider.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#666;font-size:.9rem}.join-section.svelte-1uha8ag{display:flex;gap:.75rem}.join-section.svelte-1uha8ag .input:where(.svelte-1uha8ag){flex:1}.error.svelte-1uha8ag{color:#e77;text-align:center;font-size:.9rem}.connecting.svelte-1uha8ag{text-align:center;color:#888;margin-top:2rem}