:root{--page-gutter: 16px;--card-radius: 12px;--muted: #7a99a9;--brand: #8246d8;--gradient: linear-gradient(to right, #b656e2, #234eb0);--college-bg: #f7f8fb;--college-card: #ffffff;--college-text: #121826;--college-muted: #6b7280;--college-accent: #8246d8}.colleges-header-section{position:relative;z-index:1}.colleges-header{display:flex;justify-content:center;margin:20px 0}.colleges-links{background:#f2f4f7;border-radius:10px;padding:10px 30px;width:100%;position:relative;overflow:hidden}.colleges-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:25px;margin:0;padding:0;justify-content:center}.colleges-links ul li a{text-decoration:none;color:#333;font-size:15px;font-weight:500;padding:8px 18px;border-radius:8px;transition:all .3s ease;display:inline-block;white-space:nowrap}.colleges-links ul li a.active{background:#8246d8;color:#fff;font-weight:600;box-shadow:0 2px 5px #00000026}.colleges-links ul li a:hover{background:#edeaf8;color:#8246d8}.college-content-section{padding:clamp(1rem,3vw,2.5rem)}.college-wrapper{max-width:1400px;margin:0 auto;padding:var(--page-gutter)}.college-content{width:100%}.colleges-hero{padding:clamp(1.5rem,3vw,2.5rem);border-radius:14px;background:linear-gradient(135deg,#b656e214,#234eb014);border:1px solid rgba(11,92,138,.1);margin-bottom:clamp(1.5rem,3vw,2rem)}.colleges-hero .college-heading{font-size:clamp(1.8rem,4vw,2.3rem);color:#083a56;margin-bottom:clamp(6px,1vw,10px);font-weight:700;letter-spacing:-.5px}.colleges-hero .college-text{color:#556;margin-bottom:clamp(12px,2vw,16px);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.6}.colleges-hero .colleges-count{display:inline-block;background:linear-gradient(135deg,#b656e2,#234eb0);color:#fff;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);border-radius:999px;font-weight:600;font-size:clamp(.9rem,1vw,1rem);box-shadow:0 4px 12px #b656e233}.colleges-list{margin-top:clamp(1rem,2vw,1.5rem)}.colleges-grid{display:grid;grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem);margin-top:clamp(1rem,2vw,1.5rem)}.college-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d;transition:all .25s cubic-bezier(.4,0,.2,1)}.college-card:hover{border-color:#b656e2;box-shadow:0 12px 24px #b656e226;transform:translateY(-3px)}.college-card-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#f5f3ff)}.college-card-image img{width:100%;height:100%;object-fit:cover;display:block}.college-body{padding:clamp(1rem,2vw,1.5rem);flex:1;display:flex;flex-direction:column}.college-title{text-align:left;font-size:clamp(1.2rem,2.5vw,1.5rem);color:#083a56;margin:0 0 clamp(8px,1.5vw,12px);font-weight:700;line-height:1.3}.college-title a{color:inherit;text-decoration:none;transition:color .2s ease}.college-title a:hover{color:#b656e2}.college-excerpt{color:#556;margin:0 0 clamp(10px,2vw,12px);flex:1;line-height:1.5;font-size:clamp(.9rem,1.1vw,1rem)}.college-meta{display:flex;gap:clamp(8px,2vw,12px);align-items:center;color:var(--muted);font-size:clamp(.85rem,1vw,.95rem);margin-bottom:clamp(8px,1.5vw,12px)}.college-cta{display:flex;align-items:center;justify-content:flex-start;margin-top:auto;padding-top:clamp(8px,1.5vw,12px)}.btn-primary{background:linear-gradient(135deg,#b656e2,#234eb0);color:#fff;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:clamp(.9rem,1.1vw,1rem);transition:all .25s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.btn-primary:hover{box-shadow:0 8px 16px #b656e24d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.empty-state{text-align:center;color:var(--college-muted);font-size:1.1rem;padding:40px 0}@media (min-width: 640px){.colleges-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,3vw,1.75rem)}}@media (min-width: 1024px){.colleges-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,3vw,2rem)}}@media (max-width: 768px){.colleges-links{padding:10px 5px}.colleges-links ul{flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;gap:10px;justify-content:flex-start;padding:0 10px}.colleges-links ul::-webkit-scrollbar{display:none}.colleges-links ul{-ms-overflow-style:none;scrollbar-width:none}.colleges-hero .college-heading{font-size:1.8rem}.colleges-grid{grid-template-columns:1fr}}