/* assets/css/teacher.css — Teacher Portal Styles */
.teacher-hero { background: linear-gradient(135deg, var(--deep-navy), #243758); color: #FFF; border-radius: var(--radius-lg); padding: 40px; margin-bottom: var(--space-3); text-align: center; }
.teacher-hero h1 { font-size: 2rem; margin-bottom: 8px; color: #FFF; }
.teacher-hero p { opacity: 0.8; max-width: 500px; margin: 0 auto; }
.teacher-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin-bottom: var(--space-4); }
.teacher-card { background: #FFF; border-radius: var(--radius-lg); padding: 28px; text-align: center; box-shadow: var(--shadow-sm); border-top: 4px solid var(--tinker-teal); transition: transform 0.2s; }
.teacher-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.teacher-card .tc-icon { display: flex; justify-content: center; margin-bottom: 14px; color: var(--tinker-teal); }
.teacher-card.orange .tc-icon { color: var(--spark-orange); }
.teacher-card.navy .tc-icon { color: var(--deep-navy); }
.teacher-card h3 { font-size: 1.125rem; margin-bottom: 8px; }
.teacher-card p { font-size: 0.875rem; color: #666; margin-bottom: 16px; }
.teacher-card.orange { border-top-color: var(--spark-orange); }
.teacher-card.navy { border-top-color: var(--deep-navy); }

.benefit-list { list-style: none; padding: 0; }
.benefit-list li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--cloud-gray); font-size: 0.9375rem; }
.benefit-list .check { color: var(--leaf-green); font-weight: 700; font-size: 1.25rem; flex-shrink: 0; }

.apply-form { max-width: 640px; margin: 0 auto; }
.apply-form .form-group { margin-bottom: var(--space-2); }

@media (max-width: 768px) {
    .teacher-grid { grid-template-columns: 1fr; }
    .teacher-hero { padding: 28px 20px; }
    .teacher-hero h1 { font-size: 1.5rem; }
}