/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
*,
*::before,
*::after{
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
overflow-y:scroll;
}

body{
margin:0;
font-family:
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;
background:linear-gradient(180deg,#d9e3ee 0%,#bcc8d6 100%);
color:#1f2933;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

img{
display:block;
max-width:100%;
}

button,
input{
font:inherit;
}

/* ================================================= */
/* TOPO */
/* ================================================= */

.topo{
display:flex;
justify-content:center;
align-items:center;
padding:10px 14px;
background:#fff;
border-bottom:1px solid #e5e7eb;
}

.logo{
width:100%;
max-width:420px;
height:auto;
}

/* ================================================= */
/* CONTEÚDO */
/* ================================================= */

.home{
max-width:820px;
margin:28px auto 0;
padding:0 14px 50px;
}

/* ================================================= */
/* HERO */
/* ================================================= */

.hero{
background:#fff;
border:1px solid #d9dee5;
border-radius:12px;
box-shadow:0 12px 36px rgba(15,23,42,.08);
padding:34px 30px;
text-align:center;
}

.hero h1{
margin:0;
font-size:42px;
font-weight:800;
line-height:1.08;
color:#1f2933;
}

.hero-text{
max-width:620px;
margin:16px auto 34px;
font-size:17px;
line-height:1.65;
color:#6b7280;
}

/* ================================================= */
/* LOGIN */
/* ================================================= */

.login-bar{
display:flex;
flex-direction:column;
gap:12px;
max-width:360px;
margin:0 auto;
}

.login-bar input,
.login-bar button{
width:100%;
}

.login-bar input{
height:46px;
padding:0 14px;
background:#fff;
border:1px solid #d9dee5;
border-radius:8px;
color:#1f2933;
outline:none;
transition:border-color .15s,box-shadow .15s;
}

.login-bar input:focus{
border-color:#2563eb;
box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.login-bar input::placeholder{
color:#9ca3af;
}

.login-bar button{
height:46px;
border:none;
border-radius:8px;
background:#2563eb;
color:#fff;
font-weight:700;
cursor:pointer;
transition:background .15s;
}

.login-bar button:hover{
background:#1d4ed8;
}

.login-bar button:disabled{
opacity:.6;
cursor:not-allowed;
}

/* ================================================= */
/* META */
/* ================================================= */

.hero-meta{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-top:28px;
font-size:15px;
}

.hero-preco{
font-weight:600;
color:#374151;
}

.hero-separador{
color:#94a3b8;
}

.hero-teste{
font-weight:700;
color:#2563eb;
}

/* ================================================= */
/* ERRO */
/* ================================================= */

#erro{
display:none;
margin-top:18px;
font-size:14px;
font-weight:600;
color:#b42318;
}

/* ================================================= */
/* MOBILE */
/* ================================================= */

@media(max-width:640px){

.home{
margin:12px auto 0;
padding:0 0 30px;
}

.hero{
padding:26px 18px;
border-left:none;
border-right:none;
border-radius:0;
}

.hero h1{
font-size:34px;
}

.hero-text{
margin:14px auto 28px;
font-size:16px;
}

.login-bar{
max-width:100%;
}

.hero-meta{
margin-top:22px;
font-size:14px;
}

}