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