@charset "utf-8";
/* CSS Document */
body { font-family: Malgun Gothic, sans-serif; background-color: black; margin: 0; }

* { box-sizing: border-box; }

/*.container { padding: 16px; background-color: white; max-width: 500px; margin: 30px auto; border-radius: 8px; }*/
.main-content { max-width: 768px; margin: 0 auto; padding: 1rem; background: #fff; font-size: 16px; }

/* Full-width input fields */
input[type=text], input[type=password], input[type=email] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; }

input:focus { background-color: #ddd; outline: none; }

hr { border: 1px solid #f1f1f1; margin-bottom: 25px; }



.register-form{ background-color: #fff;}
.register-container{max-width:480px;margin:0 auto;padding:1rem;box-sizing:border-box;}
@media(min-width:640px){.register-container{max-width:600px;}}

.register-title{font-size:1.5rem;margin-bottom:0.5rem;color:#333;}
.register-description{font-size:1rem;margin-bottom:1rem;color:#666;}
.register-hr{border:0;border-top:1px solid #ddd;margin:1rem 0;}

.register-field{margin-bottom:1rem;}
.register-label{display:block;margin-bottom:0.25rem;font-weight:700;color:#333;}

.register-input{display:block;width:100%;padding:0.75rem;border:1px solid #ccc;border-radius:4px;
  background:#f9f9f9;box-sizing:border-box;font-size:1rem;color:#333;}
.register-input:focus{border-color:#4CAF50;outline:none;background:#fff;}

.g-recaptcha{margin-bottom:1rem;}

.register-btn{display:block;width:100%;padding:0.75rem;margin:1rem 0 0;
  background:#4CAF50;color:#fff;font-size:1.1rem;text-align:center;
  border:none;border-radius:4px;cursor:pointer;transition:background .3s;}
.register-btn:hover{background:#45a049;}
.register-btn:disabled{opacity:.6;cursor:not-allowed;}