.auth-main{max-width:470px;margin:60px auto 80px;padding:0 20px}.auth-main h1{font-size:30px;text-align:center;margin:12px 0}.auth-lead{text-align:center;color:#777;font-size:13px;line-height:1.8;margin-bottom:28px}.auth-form{display:grid;gap:12px}.auth-form label{font-size:13px;font-weight:600;margin-top:8px}.auth-form input{width:100%;padding:15px;border:1px solid #ddd;border-radius:4px;font-size:16px;min-width:0}.auth-form button[type=submit]{border:0;border-radius:4px;background:#ef2337;color:white;padding:16px;font-size:16px;font-weight:bold;margin-top:8px}.auth-form button:disabled{opacity:.5}.auth-demo{margin-top:25px;background:#fff6f6;border:1px solid #f5dfe1;padding:22px;line-height:1.8;font-size:12px}.auth-demo h2{font-size:14px;margin:0 0 12px}.auth-demo dl{display:grid;grid-template-columns:75px 1fr;gap:6px;margin:10px 0}.auth-demo dd{margin:0;font-family:monospace;font-size:14px}.auth-demo button{border:1px solid #ddd;background:white;padding:10px 16px;border-radius:4px;margin-top:8px}.auth-demo p{color:#777}.auth-status{font-size:12px;line-height:1.8;color:#bd2634;min-height:24px}.auth-home{display:block;text-align:center;margin:24px 0;font-size:12px;color:#777}.auth-unavailable{padding:24px;border:1px solid #ef2337;color:#c22}.auth-form input:focus{outline:2px solid #ef2337;outline-offset:2px}.auth-pending .my-content{visibility:hidden}#already-login{background:#f5f5f5;padding:15px;font-size:12px;line-height:1.8}#already-login a{color:#e23}
@media(max-width:767px){.auth-main{margin:30px auto 50px;padding:0 18px}.auth-main h1{font-size:26px}.auth-demo{padding:18px}.auth-lead{font-size:12px}}