/* [공부노트] CSS(스타일시트) 파일입니다.
  HTML이라는 뼈대에 예쁜 옷을 입히는 역할을 합니다. 
*/

body {
    /* 배경색을 파란색 계열의 그라데이션(점점 변하는 색)으로 칠합니다. */
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    
    /* 화면 높이를 꽉 채우고(100vh), 내용물을 정중앙에 정렬합니다. */
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.login-card {
    /* 로그인 상자의 너비를 최대 400픽셀로 제한합니다. */
    width: 100%;
    max-width: 400px;
    
    /* 안쪽 여백(padding)을 주고 모서리를 둥글게(border-radius) 만듭니다. */
    padding: 2.5rem;
    background: white;
    border-radius: 15px;
    
    /* 상자 뒤에 은은한 그림자(shadow)를 넣어 입체감을 줍니다. */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}