/* 로그인 컨테이너 */
.container {width:100%; max-width:400px; margin:2rem auto; padding:1rem; background:#f9f9f9; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); font-family:sans-serif;}
.container h1 {text-align:center; font-size:1.5rem; margin-bottom:1rem;}
.main-content{ background-color: aqua;}

/* 폼 요소 */
form {display:flex; flex-direction:column;}
label {margin-bottom:0.25rem; font-size:0.9rem; font-weight:600; color:#333;}
input[type="text"], input[type="password"] {padding:10px; margin-bottom:1rem; border:1px solid #ccc; border-radius:4px; font-size:1rem; box-sizing:border-box;}
.loginbtn {margin-top:0.5rem;}

/* 소셜 로그인 아이콘 영역 */
.social-login-icons {display:flex; justify-content:space-around; margin-top:2rem; gap: 1.5rem;  }
.social-login-icons a img {width:48px; height:48px; transition:transform 0.3s;}
.social-login-icons a:hover img {transform:scale(1.1);}

/* 회원가입 안내 */
.container.signup {text-align:center; margin-top:1rem;}
.container.signup p {font-size:0.875rem; font-weight: bold;}
.container.signup a {color:#2196F3; text-decoration:none;}
.container.signup a:hover {text-decoration:underline;}

/* 반응형 보완 (선택) */
@media (min-width: 768px) {
  .container {padding:2rem;}
  .container h1 {font-size:2rem;}
  input[type="text"], input[type="password"] {font-size:1.1rem;}
}