/* Sign Up: the Log In card (login2020.css) plus the birthday and gender fields. */
.su20 .su20-label{display:block;margin:12px 0 6px;font-size:14px;font-weight:bold}
.su20-bday{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:6px}
.su20 select{width:100%;height:42px;box-sizing:border-box;padding:0 26px 0 10px;font-size:16px;color:inherit;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23656668' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid #b8babe;border-radius:3px;cursor:pointer}
body.dark .su20 select{background-color:#393b3d;border-color:#656668;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23bdbebe' stroke-width='2'/%3E%3C/svg%3E")}
.su20 select:focus{outline:0;border-color:#00a2ff;box-shadow:0 0 0 2px rgba(0,162,255,.25)}
.su20-gender{display:flex;gap:20px;font-size:15px}
.su20 .su20-gender label{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:normal;cursor:pointer}
.su20-gender input{width:16px;height:16px;margin:0;accent-color:#00a2ff}
/* The doge banner behind the sign-up card (both site copies). */
.lg20-signup.su20-page{background:linear-gradient(90deg,rgba(25,27,29,.56),rgba(25,27,29,.2)),url('assets/shiba-signup-banner.png') center/cover no-repeat #b98b4b}
body.dark .su20-page .lg20-card{background:#232527}
.su20-page .lg20-card.su20{width:min(420px,100%);padding:30px 34px 24px}