:root {
  color-scheme: dark;
  --bg: #121512;
  --panel: #1b201b;
  --ink: #e6e9df;
  --muted: #a6b09e;
  --accent: #c4d8a6;
  --line: #354032;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
  background: var(--bg);
  color: var(--ink);
  font: 1rem/1.6 system-ui, sans-serif;
}
.auth-card {
  width: 100%;
  max-width: 29rem;
  padding: clamp(1.5rem, 5vw, 3rem);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: .8rem;
}
a { color: var(--accent); text-underline-offset: .2em; }
.brand { font: bold 1.6rem Georgia, serif; text-decoration: none; }
.brand span { color: var(--muted); font: .85rem system-ui, sans-serif; }
.eyebrow {
  margin: 2.5rem 0 .6rem;
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
h1 { margin: 0; font: bold clamp(1.8rem, 5vw, 2.2rem)/1.2 Georgia, serif; }
.intro { color: var(--muted); margin: 1rem 0 1.75rem; }
.providers { display: grid; gap: .8rem; }
.button {
  display: block;
  width: 100%;
  padding: .8rem 1rem;
  border: 1px solid var(--line);
  border-radius: .4rem;
  background: var(--bg);
  color: var(--ink);
  font: 600 1rem/1.5 system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.button:hover { border-color: var(--accent); }
.primary { margin-top: 1.5rem; background: var(--accent); color: var(--bg); }
label { display: block; margin: 1rem 0 .4rem; }
input {
  width: 100%;
  min-width: 0;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .4rem;
  background: var(--bg);
  color: var(--ink);
  font: inherit;
}
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.secondary { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.secondary p { margin: 0 0 .3rem; color: var(--muted); font-size: .85rem; }
.back { display: inline-block; margin-top: 2rem; color: var(--muted); font-size: .85rem; }

/* Pátio e identidade compartilham a linguagem visual do login. */
.hint { color:var(--muted); font-size:.8rem; }
.onboarding-card { max-width:34rem; }
.avatar-picker { border:0; padding:0; margin:1.5rem 0; min-width:0; }
.avatar-picker legend { padding:0; }
.avatar-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.avatar-options label { display:flex; position:relative; align-items:center; flex-direction:column; padding:.8rem .3rem; border:1px solid var(--line); border-radius:.4rem; cursor:pointer; font-size:.75rem; }
.avatar-options label:has(input:checked) { border-color:var(--accent); background:#293426; }
.avatar-options input { width:auto; align-self:flex-start; accent-color:var(--accent); }
.avatar-options img { max-width:100%; height:auto; }
.app-body { display:block; place-items:normal; padding:0; }
.app-header { width:100%; max-width:78rem; margin:auto; padding:1.5rem 2rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; border-bottom:1px solid var(--line); }
.app-header nav { display:flex; align-items:center; gap:1.5rem; font-size:.85rem; }
.app-header form { margin:0; }
.quiet { font:inherit; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:.4rem; padding:.5rem .8rem; cursor:pointer; }
.dashboard-home { width:100%; max-width:78rem; margin:auto; padding:2rem 2rem 4rem; }
.dashboard-home > h1 { font-size:clamp(2.2rem,5vw,4rem); max-width:18ch; }
.dashboard-home > .intro { max-width:56ch; margin-bottom:3rem; }
.destination-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); gap:1.25rem; }
.destination { display:block; padding:1.6rem; border:1px solid var(--line); background:var(--panel); border-radius:.6rem; text-decoration:none; }
.destination:hover { border-color:var(--accent); background:#222b21; }
.destination-index { color:var(--accent); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.destination h2 { color:var(--ink); font:600 1.5rem/1.3 Georgia,serif; }
.destination h2 span { float:right; color:var(--accent); }
.destination p { color:var(--muted); font-size:.9rem; margin-bottom:0; }
.home-note { margin-top:3rem; color:var(--muted); font:italic 1rem Georgia,serif; }
@media(max-width:40rem) { .app-header { padding:1rem; } .dashboard-home { padding:1.5rem 1rem 3rem; } .dashboard-home > .eyebrow { margin-top:1rem; } }
.providers .button{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f1f1f;border-color:#747775;min-height:44px}.providers svg{flex:none}.providers .button:hover{background:#f2f6fc}.providers .provider-linkedin{color:#0a66c2}
/* Entrada dos criadores: CSS local, sem dependências ou imagens externas. */
.creator-login{background:#101411;padding:clamp(1rem,4vw,3rem)}.creator-shell{display:grid;grid-template-columns:1.05fr 1fr;width:min(100%,1050px);min-height:680px;overflow:hidden;border:1px solid #354137;border-radius:24px;box-shadow:0 28px 90px #0004;background:#1b211d}.creator-story{position:relative;display:flex;flex-direction:column;padding:2.5rem;background:radial-gradient(ellipse at 70% 40%,#3e55453d,transparent 65%),#171e19;border-right:1px solid #354137}.creator-story .brand{display:flex;align-items:center;gap:.6rem;font-size:1.4rem}.creator-story .brand span{font-size:.75rem}.creator-story-copy{flex:1}.creator-story .eyebrow{margin-top:3rem;font-size:.65rem}.creator-story h2{position:relative;z-index:1;font:500 clamp(2rem,4vw,3.1rem)/1.13 Georgia,serif;letter-spacing:-.04em;margin:1rem 0}.creator-story-copy>p:not(.eyebrow){font-size:.9rem;color:#b3bfb2;max-width:34ch}.creator-illustration{position:relative;height:140px;margin:.5rem 0 1.25rem;display:grid;place-items:center}.creator-orbit{position:absolute;width:240px;height:105px;border:1px solid #6b87693b;border-radius:50%;transform:rotate(-15deg)}.creator-book{position:relative;transform:rotate(-9deg);width:100px;height:125px;border:1px solid #96b38a;border-left:7px solid #8ca67d;border-radius:3px 8px 8px 3px;background:linear-gradient(130deg,#3a513d,#26392c);box-shadow:12px 12px 25px #0004;padding:20px 10px}.creator-book span{font-size:7px;letter-spacing:2px;display:block;color:#d5e8c2}.creator-book i{display:block;margin-top:9px;height:1px;background:#a7c39380}.creator-book i:nth-of-type(2){width:75%}.creator-book b{display:block;text-align:center;margin-top:8px;color:#d5e8c2}.creator-spark{position:absolute;right:20%;top:10px;font-size:2rem;color:#c4d8a6}.creator-benefits{list-style:none;padding:0;display:grid;gap:1.05rem;margin:1.8rem 0}.creator-benefits li{display:flex;align-items:center;gap:1rem}.creator-benefits li>span{font-size:.65rem;color:#b7c9a5;border:1px solid #485944;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.creator-benefits strong{font-size:.85rem;font-weight:500}.creator-benefits small{display:block;color:#a7b0a4;font-size:.75rem}.creator-library{margin-top:1.5rem;color:#b0bda9;font-size:.8rem;text-decoration:none}.creator-access{padding:3rem;display:grid;place-items:center}.creator-access-inner{width:100%;max-width:350px}.creator-badge{display:inline-block;border:1px solid #4a5941;border-radius:99px;padding:.3rem .7rem;color:#cadbb4;font-size:.65rem;letter-spacing:.04em}.creator-access h1{margin:1.5rem 0 .8rem;font-size:clamp(2rem,4vw,2.7rem);letter-spacing:-.025em}.creator-access .intro{font-size:.9rem;line-height:1.7;margin-bottom:1.8rem}.creator-access .providers{gap:.85rem}.creator-access .providers .button{border-radius:8px;min-height:50px;font-size:.85rem;font-weight:500;transition:box-shadow .15s}.creator-access .providers .button:hover{box-shadow:0 0 0 3px #b6d49a22}.creator-reassurance{text-align:center;font-size:.72rem;color:#adbda3;margin:1.2rem 0 2rem}.creator-reassurance span{margin-right:.4rem}.creator-first{border-top:1px solid #3a4538;padding-top:1.5rem}.creator-first h2{font:500 .9rem system-ui,sans-serif}.creator-first p,.creator-privacy{font-size:.78rem;color:#a9b3a3;line-height:1.7}.creator-privacy{font-size:.7rem;margin:1.5rem 0 0;color:#98a390}.creator-mobile-back{display:none}@media(max-width:700px){.creator-login{padding:1rem}.creator-shell{grid-template-columns:1fr;min-height:0;max-width:480px;border-radius:18px}.creator-story{padding:1.5rem;border-right:0;border-bottom:1px solid #354137}.creator-story .eyebrow{margin-top:1.8rem}.creator-story h2{font-size:2rem}.creator-story-copy>p:not(.eyebrow){max-width:none;margin-bottom:0}.creator-illustration,.creator-benefits,.creator-library{display:none}.creator-access{padding:2rem 1.5rem}.creator-access h1{margin-top:1rem}.creator-mobile-back{display:inline-block;font-size:.75rem}}