:root { --fg:#000; --bg:#fff; --muted:#666; }
* { border-radius:0 !important; }
body { background:var(--bg); color:var(--fg);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px; line-height:1.55; font-weight:400; letter-spacing:.01em; }
.container,.wrap { max-width:460px; margin:0 auto; padding:52px 24px; }
h1,h2,h3 { text-transform:lowercase; font-weight:700; letter-spacing:0; line-height:1.2; }
a { color:var(--fg); text-decoration:underline; text-underline-offset:2px; }
img.logo,.logo img { max-height:40px; margin-bottom:28px; }
input[type=text],input[type=email],input[type=password],select,textarea {
  width:100%; border:1px solid var(--fg); background:var(--bg); color:var(--fg);
  padding:13px 14px; font:inherit; margin-bottom:14px; box-sizing:border-box; }
input:focus,textarea:focus { outline:none; box-shadow:inset 0 0 0 1px var(--fg); }
button,.button,input[type=submit],input[type=button] {
  width:100%; border:1px solid var(--fg); background:var(--fg); color:var(--bg);
  padding:13px 16px; font:inherit; text-transform:lowercase; cursor:pointer;
  transition:background .15s ease,color .15s ease; }
button:hover,.button:hover,input[type=submit]:hover { background:var(--bg); color:var(--fg); }
ul.lists,.lists { list-style:none; padding:0; text-align:left; }
.lists li { margin:8px 0; }
.lists label,label { font-weight:400; text-transform:none; }
.lists input[type=checkbox] { width:auto; margin-right:8px; }
.footer,footer { margin-top:36px; font-size:12px; color:var(--muted); text-align:center; }
.box,.card { border:1px solid var(--fg); padding:28px; }