/* Páginas de entrada (landing, login, cadastro, criação de casa, convite, integrantes): mesmo mármore e dourado do painel. */
:root{--pedra:#0b1a14;--degrade:radial-gradient(140% 90% at 50% 12%,rgb(0 0 0 / .1) 0%,rgb(0 0 0 / .42) 62%,rgb(0 0 0 / .72) 100%),linear-gradient(180deg,rgb(0 0 0 / .5) 0%,rgb(0 0 0 / .12) 22%,rgb(0 0 0 / .18) 60%,rgb(0 0 0 / .68) 100%);--bg:#f7f3e8;--surface:#fffdf7;--sunken:#f1ead7;--line:#e4d9bf;--ink:#13241d;--muted:#56675e;--accent:#235a46;--gold:#a5843d;--on-gold:#1f1806;--ouro:linear-gradient(180deg,#e4cb8a 0%,#c6a456 55%,#a5843d 100%);--bad:#b3372f;--bad-soft:#f6dedb;--ok:#235a46;--ok-soft:#dcebe3;--sobre-marmore:#f6f1e1;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--degrade:radial-gradient(140% 90% at 50% 12%,rgb(0 0 0 / .22) 0%,rgb(0 0 0 / .55) 62%,rgb(0 0 0 / .82) 100%),linear-gradient(180deg,rgb(0 0 0 / .58) 0%,rgb(0 0 0 / .2) 22%,rgb(0 0 0 / .28) 60%,rgb(0 0 0 / .76) 100%);--bg:#0a1511;--surface:#0e1b16;--sunken:#12231c;--line:#283a32;--ink:#eef2ea;--muted:#a0b3a8;--accent:#7fbca3;--gold:#d2b670;--bad:#f08a80;--bad-soft:#3d2322;--ok:#7fbca3;--ok-soft:#173026;color-scheme:dark}}
*{box-sizing:border-box}
html{min-height:100%}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--degrade),var(--pedra) url(/marmore.webp) center/cover no-repeat}
body{margin:0;min-height:100vh;background:var(--pedra);color:var(--ink);font:15px/1.5 "IBM Plex Sans",system-ui,sans-serif;padding:24px 16px;display:grid;place-items:center;align-content:center;gap:16px}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.15;margin:0}
h1{font-size:1.6rem}
h2{font-size:1.25rem}
p{margin:0}
a{color:var(--gold)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.cartao{width:min(420px,100%);background:var(--surface);border-radius:20px;padding:30px 24px;box-shadow:0 1px 2px rgb(2 14 10 / .2),0 30px 60px -24px rgb(2 14 10 / .75);display:grid;gap:14px}
.cartao.largo{width:min(560px,100%)}
.cartao .sub{color:var(--muted)}
label{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}
input,select{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:46px;width:100%}
input:focus,select:focus{border-color:var(--accent)}
small.dica{color:var(--muted);font-size:.8rem}
.linha{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
@media (max-width:480px){.linha{grid-template-columns:1fr}}

.btn,button{font:inherit;font-weight:600;border:1px solid #a5843d;border-radius:8px;padding:10px 14px;min-height:48px;background:var(--ouro);color:var(--on-gold);box-shadow:inset 0 1px 0 rgb(255 255 255 / .35);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.sec,button.sec{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.btn.sec:hover,button.sec:hover{background:var(--sunken)}
button:disabled{opacity:.6;cursor:progress}
.acoes{display:flex;gap:10px;flex-wrap:wrap}
.acoes>*{flex:1 1 160px}
.rodape-cartao{text-align:center;color:var(--muted);font-size:.9rem}

.erro,.ok{border-radius:8px;padding:8px 12px;font-size:.9rem}
.erro{background:var(--bad-soft);color:var(--bad)}
.ok{background:var(--ok-soft);color:var(--ok)}
[hidden]{display:none!important}

.passos{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.8rem;list-style:none;padding:0;margin:0}
.passos li{display:flex;align-items:center;gap:6px}
.passos li+li::before{content:"";width:18px;height:1px;background:var(--line)}
.passos b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);font-size:.75rem;font-weight:600}
.passos .atual{color:var(--ink)}
.passos .atual b{background:var(--ouro);border-color:#a5843d;color:var(--on-gold)}
.passos .feito b{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}

.pessoas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pessoas li{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pessoas .avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ouro);color:var(--on-gold);font-weight:600}
.pessoas .info{display:grid;min-width:0;flex:1}
.pessoas .info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pessoas .info small{color:var(--muted)}
.pessoas .selo{font-size:.75rem;border-radius:999px;padding:2px 10px;background:var(--sunken);color:var(--muted);white-space:nowrap}
.pessoas .selo.conta{background:var(--ok-soft);color:var(--ok)}
.copiar{display:flex;gap:8px}
.copiar input{flex:1;min-width:0;font-size:14px}
.copiar button{flex:none;min-height:46px}
.bloco{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.topo-pagina{width:min(560px,100%);display:flex;justify-content:space-between;align-items:center;color:var(--sobre-marmore)}
.topo-pagina a{color:var(--sobre-marmore)}

/* Landing */
body.landing{display:block;padding:0;place-items:initial;color:var(--sobre-marmore)}
.l-cabeca{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:18px 20px}
.l-marca{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:700;font-size:1.15rem;color:var(--sobre-marmore);text-decoration:none}
.l-marca span{color:#e4cb8a}
.l-nav{display:flex;gap:10px;align-items:center}
.l-nav a.link{color:var(--sobre-marmore);text-decoration:none;padding:8px 10px}
.l-nav .btn{min-height:42px}
.l-heroi{max-width:1080px;margin:0 auto;padding:56px 20px 40px;display:grid;gap:22px;justify-items:start}
.l-heroi h1{font-size:clamp(2rem,6vw,3.4rem);max-width:16ch;color:#fff}
.l-heroi h1 em{font-style:normal;color:#e4cb8a}
.l-heroi p{max-width:52ch;font-size:1.1rem;color:var(--sobre-marmore);opacity:.92}
.l-heroi .acoes>*{flex:0 0 auto}
.l-secao{max-width:1080px;margin:0 auto;padding:36px 20px}
.l-secao>h2{color:#fff;font-size:clamp(1.4rem,3.4vw,1.9rem);margin-bottom:18px}
.l-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.l-card{background:var(--surface);color:var(--ink);border-radius:16px;padding:20px;display:grid;gap:8px;align-content:start;box-shadow:0 20px 40px -24px rgb(2 14 10 / .8)}
.l-card h3{font-size:1.05rem}
.l-card p{color:var(--muted);font-size:.93rem}
.l-card .num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ouro);color:var(--on-gold);font-weight:700}
.l-fim{max-width:1080px;margin:0 auto;padding:36px 20px 56px}
.l-fim .cartao{width:100%;justify-items:start}
.l-rodape{max-width:1080px;margin:0 auto;padding:18px 20px 32px;font-size:.85rem;color:var(--sobre-marmore);opacity:.75}