/* صفحه‌ی انتخاب نوع ثبت‌نام: دو ستون، دو باکس با رنگ پس‌زمینه‌ی جدا (سبز پسته‌ای = دانش‌آموز، گلبهی = والد). */
.role-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.25rem 0; }
.role-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .6rem; min-height: 11rem; padding: 1.1rem .75rem; border: 2px solid transparent; border-radius: 14px; text-align: center; color: #1d2330; text-decoration: none; box-shadow: 0 1px 3px rgba(16, 24, 40, .12); }
.role-card-student { background: #cfe3b0; border-color: #a9c880; }
.role-card-parent { background: #f9d3d9; border-color: #eba7b3; }
.role-card:hover, .role-card:focus-visible { box-shadow: 0 3px 10px rgba(16, 24, 40, .2); transform: translateY(-1px); }
.role-card-icon { font-size: 2.4rem; line-height: 1; }
.role-card-title { font-size: 1.1rem; font-weight: 700; }
.role-card-text { font-size: .85rem; line-height: 1.7; color: #3b4252; }