/* Portada: pantalla de título, blanco sobre negro */
body.home { display: grid; place-items: center; min-height: 100%; padding: 24px 16px; }
.home main { width: min(520px, 100%); display: grid; gap: 22px; }
.home .title { text-align: center; display: grid; gap: 14px; justify-items: center; padding-bottom: 6px; }
.home h1 { font-size: clamp(2.4rem, 10vw, 3.8rem); line-height: 1; letter-spacing: -.01em; color: #fff; }
.home .tag { color: var(--muted); font-size: .8rem; letter-spacing: .3em; }
.home .logo { width: 88px; height: 88px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; }
.home .logo svg { width: 100%; height: 100%; padding: 12px; box-sizing: border-box; }
.home .logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home .card { display: grid; gap: 14px; }
.home h2 { font-size: 1rem; color: #fff; }
.home .card p { line-height: 1.45; }
.home .join { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.home .join .input { font-weight: 800; text-transform: uppercase; letter-spacing: .25em; text-align: center; }
.home #create { justify-self: stretch; }
.home .credits { text-align: center; font-size: .72rem; color: var(--muted); letter-spacing: .08em; }