/* 기본 초기화 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Malgun Gothic', sans-serif; background-color: #f0f2f5; color: #333; overflow-x: hidden; }

/* 메인 컨테이너 */
.main-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

header h1 { font-size: 2.5rem; margin-bottom: 10px; color: #2c3e50; }
header p { color: #7f8c8d; margin-bottom: 40px; }

/* 버튼 그리드 레이아웃 */
.menu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

/* 버튼(카드) 디자인 */
.btn-card {
    display: flex;
    align-items: center;
    background: white;
    padding: 20px;
    border-radius: 15px;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.btn-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background-color: #f8f9fa;
}

/* 아이콘 디자인 */
.icon {
    font-size: 45px;
    margin-right: 20px;
}

.text { text-align: left; }
.text h3 { font-size: 1.2rem; margin-bottom: 5px; color: #34495e; }
.text p { font-size: 0.9rem; color: #95a5a6; }

/* 푸터 */
footer { margin-top: 50px; font-size: 0.8rem; color: #bdc3c7; }