/* Sabino Lab · base visual compartilhada */
:root{
  --ceu:#BFD7FF; --lilas:#F1D3FF; --tinta:#1E1650; --tinta-2:#4B4380;
  --chiclete:#FF4F9A; --gema:#FFC93C; --menta:#22D8A6; --uva:#8B7CFF; --nuvem:#FFFFFF;
  --sombra:0 18px 40px -18px rgba(30,22,80,.45);
  --f:"Bricolage Grotesque",ui-rounded,system-ui,sans-serif;
  --r-l:34px; --r-m:22px; --r-s:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f);font-optical-sizing:auto;color:var(--tinta);background:linear-gradient(180deg,var(--ceu) 0%,#D9D2FF 45%,var(--lilas) 100%) fixed;line-height:1.55;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
[hidden]{display:none!important}
button[disabled]{opacity:.4;cursor:default}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
:focus-visible{outline:3px solid var(--chiclete);outline-offset:3px;border-radius:8px}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:54px;padding:0 28px;border-radius:999px;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;text-decoration:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}
.btn:active{transform:scale(.96)}
.btn-pop{background:var(--tinta);color:var(--nuvem);box-shadow:0 6px 0 var(--chiclete),var(--sombra)}
.btn-pop:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--chiclete),var(--sombra)}
.btn-pop:active{transform:translateY(3px);box-shadow:0 3px 0 var(--chiclete)}
.btn-leve{background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--tinta)}

.campo{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.campo input{font:inherit;font-weight:500;font-size:16px;padding:15px 16px;border-radius:var(--r-s);border:2px solid var(--tinta);background:var(--nuvem);color:var(--tinta)}
.campo input:focus{outline:none;box-shadow:0 0 0 4px rgba(255,79,154,.35)}
.campo small{font-weight:400;color:var(--tinta-2)}

.nuvens{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.nuvens i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0) 70%);filter:blur(6px)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}