/* university_college_options.css */
:root { --univ-primary: #1D4ED8; --univ-dark: #1E3A8A; }

.page-header {
    background: linear-gradient(135deg, var(--univ-dark) 0%, var(--univ-primary) 60%, #60A5FA 100%);
    box-shadow: 0 20px 60px rgba(29,78,216,0.28);
}
.back-button:hover { border-color: var(--univ-primary); color: var(--univ-primary) !important; }

.options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px; margin-bottom: 50px;
    max-width: 900px; margin-left: auto; margin-right: auto;
}

.option-btn {
    background: white; color: #1F2937 !important;
    padding: 42px 22px 34px; border-radius: 20px;
    text-decoration: none !important;
    border: 1.5px solid #E5E7EB;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    display: flex; flex-direction: column;
    align-items: center; gap: 14px;
    transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
    position: relative; overflow: hidden;
}
.option-btn::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 5px;
    transition: height 0.3s ease;
}
.option-btn.c-blue::before   { background: linear-gradient(90deg, #1E3A8A, #3B82F6); }
.option-btn.c-green::before  { background: linear-gradient(90deg, #064E3B, #10B981); }
.option-btn.c-orange::before { background: linear-gradient(90deg, #C2410C, #FB923C); }
.option-btn.c-purple::before { background: linear-gradient(90deg, #5B21B6, #8B5CF6); }
.option-btn.c-teal::before   { background: linear-gradient(90deg, #0F4C5C, #0D9488); }

.option-btn:hover { transform: translateY(-10px); box-shadow: 0 20px 45px rgba(29,78,216,0.12); }
.option-btn.c-blue:hover   { border-color: rgba(29,78,216,0.3); }
.option-btn.c-green:hover  { border-color: rgba(16,185,129,0.3); }
.option-btn.c-orange:hover { border-color: rgba(194,65,12,0.3); }
.option-btn.c-purple:hover { border-color: rgba(124,58,237,0.3); }
.option-btn.c-teal:hover   { border-color: rgba(13,148,136,0.3); }
.option-btn:hover::before  { height: 7px; }

.option-icon-wrap {
    width: 80px; height: 80px; border-radius: 22px;
    display: flex; align-items: center; justify-content: center;
    font-size: 32px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.option-btn.c-blue   .option-icon-wrap { background: linear-gradient(135deg,#DBEAFE,#EFF6FF); color: #1D4ED8; }
.option-btn.c-green  .option-icon-wrap { background: linear-gradient(135deg,#D1FAE5,#ECFDF5); color: #059669; }
.option-btn.c-orange .option-icon-wrap { background: linear-gradient(135deg,#FFEDD5,#FFF7ED); color: #C2410C; }
.option-btn.c-purple .option-icon-wrap { background: linear-gradient(135deg,#EDE9FE,#F5F3FF); color: #6D28D9; }
.option-btn.c-teal   .option-icon-wrap { background: linear-gradient(135deg,#CCFBF1,#F0FDFA); color: #0F766E; }
.option-btn:hover .option-icon-wrap { transform: scale(1.1) rotate(-5deg); box-shadow: 0 8px 24px rgba(29,78,216,0.12); }

.option-label { font-weight: 800; font-size: 17px; text-align: center; line-height: 1.3; }
.option-desc  { font-size: 13px; color: #6B7280; text-align: center; margin: 0; }

.option-cta {
    font-size: 13px; font-weight: 700;
    opacity: 0; transform: translateY(4px);
    transition: all 0.3s ease;
    display: flex; align-items: center; gap: 4px;
}
.option-btn.c-blue   .option-cta { color: #1D4ED8; }
.option-btn.c-green  .option-cta { color: #059669; }
.option-btn.c-orange .option-cta { color: #C2410C; }
.option-btn.c-purple .option-cta { color: #6D28D9; }
.option-btn.c-teal   .option-cta { color: #0F766E; }
.option-btn:hover .option-cta { opacity: 1; transform: translateY(0); }