:root{font:16px system-ui;color:#273c35;background:#f2f6f3}
*{box-sizing:border-box}
body{margin:0}
header{display:flex;align-items:center;justify-content:space-between;padding:1rem max(1rem,calc((100vw - 52rem)/2));background:white;border-bottom:1px solid #d7e2db}
header span,small{color:#507665}
main{max-width:52rem;margin:clamp(1rem,8vh,6rem) auto;padding:0 1rem}
section{background:white;border:1px solid #d7e2db;border-radius:1rem;padding:clamp(1rem,5vw,2.5rem)}
#login{max-width:30rem;margin:auto}
h1{margin:.45rem 0;font-size:clamp(1.7rem,6vw,2.3rem)}
p{color:#526b60}
form,label{display:grid;gap:.55rem}
form{gap:1rem;margin:1.5rem 0}
input,button{font:inherit;border:1px solid #bfcfc6;border-radius:.55rem;padding:.65rem .85rem;background:#fff;color:inherit}
button{cursor:pointer}
.primary{background:#346c58;border-color:#346c58;color:white}
.actions{display:flex;gap:.6rem;flex-wrap:wrap}
ul{list-style:none;padding:0}
li{border-top:1px solid #d7e2db;padding:.8rem 0}
a{color:#285b47}
li small{display:block;margin-top:.35rem}
#notice{text-align:center}

/* Cantos dos botões em toda a interface. */
:is(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]) {
  border-radius: 8px !important;
}
