@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+Bengali:wght@400;500;600&display=swap');*{box-sizing:border-box}body{margin:0;background:#fcf8f1;color:#27333c;font:14px 'DM Sans','Noto Serif Bengali',sans-serif}.topbar{height:64px;padding:0 max(24px,10vw);display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;gap:9px;align-items:center;color:#27333c;text-decoration:none}.brand img{width:43px;height:43px}.brand b,.brand small{display:block;font-family:'Noto Serif Bengali',serif}.brand b{font-size:14px}.brand small{font-size:11px}.topbar nav{display:flex;gap:24px}.topbar nav a{color:#46515a;text-decoration:none;font:600 13px 'Noto Serif Bengali',serif}.topbar nav .active{color:#f2a230}.join{padding:9px 16px;border-radius:8px;background:#f9a839;color:#fff;text-decoration:none;font:600 13px 'Noto Serif Bengali',serif}.alumni-hero{height:210px;max-width:1320px;margin:30px auto 21px;display:grid;place-items:center;border-radius:8px;overflow:hidden;text-align:center;color:#fff;background:linear-gradient(#062a21a8,#062a21a8),url('../images/hero.webp') center/cover}.alumni-hero h1{margin:0;font:600 34px 'Noto Serif Bengali',serif}.alumni-hero p{margin:6px 0;font:400 16px 'Noto Serif Bengali',serif}.directory{max-width:1320px;margin:auto;padding-bottom:80px}.directory>input{width:100%;height:42px;padding:0 17px;border:1px solid #ccd5df;border-radius:6px;background:#f0f5fa;font:14px 'Noto Serif Bengali',serif}.directory-layout{display:grid;grid-template-columns:290px 1fr;gap:22px;margin-top:22px}aside{height:max-content}.filter-box{margin-bottom:16px;border:1px solid #dce2e8;border-radius:9px;background:#f8fafd;overflow:hidden}.filter-title{padding:14px 16px;border-bottom:1px solid #dce2e8;font:600 14px 'Noto Serif Bengali',serif}.filter-title button{float:right;border:0;background:none;color:#99a4af;font-size:12px}.filter-title.second{margin:0;border-top:0}.filters{max-height:210px;padding:8px 14px;overflow-y:auto}.filters label{display:flex;gap:11px;align-items:center;padding:5px 0;color:#53606d;font:500 12px 'DM Sans',sans-serif}.filters input{appearance:none;width:18px;height:18px;border:2px solid #d2d9e1;border-radius:5px}.filters input:checked{background:#f9a839;border-color:#f9a839}.filters::-webkit-scrollbar{width:5px}.filters::-webkit-scrollbar-thumb{background:#c9d2dc;border-radius:9px}.result-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.result-title h2{margin:0;font:600 20px 'Noto Serif Bengali',serif}.result-title span{color:#788491;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;min-height:0;padding:14px;border:1px solid #dce7e1;border-radius:9px;background:#f3faf6;text-align:center}.avatar{height:220px;flex:none;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#e7d4bc,#8fb5a4);color:#fff;font:600 47px 'DM Sans',sans-serif}.card:nth-child(3n+2) .avatar{background:linear-gradient(145deg,#b6d8bc,#3d735a)}.card:nth-child(3n) .avatar{background:linear-gradient(145deg,#b8d2df,#527e93)}.batch{display:inline-block;align-self:center;margin:14px 0 10px;padding:5px 13px;border-radius:5px;background:#f9a839;font-size:13px;font-weight:600}.card h3{min-height:44px;display:grid;place-items:center;margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.25}.chip{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;width:max-content;max-width:100%;margin:6px auto 0;padding:5px 8px;border:1px solid #d9e6df;border-radius:5px;color:#40534a;font-size:12px;font-weight:400;line-height:1.25}.chip img{width:14px;height:14px;object-fit:contain}.empty{grid-column:1/-1;padding:35px;text-align:center;color:#7d8791}@media(max-width:850px){.topbar nav{display:none}.alumni-hero{height:185px;margin:20px}.directory{padding:0 20px 60px}.directory-layout{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:repeat(2,1fr)}.avatar{height:205px}}@media(max-width:520px){.topbar{padding:0 18px}.join{display:none}.cards{grid-template-columns:1fr}.avatar{height:auto;aspect-ratio:1}}
.profile-update-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:11px 14px;border:1px solid #efd293;border-radius:8px;background:#fffaf0;color:#5b4a2d;font:500 13px 'Noto Serif Bengali',serif}.profile-update-callout a{display:inline-flex;align-items:center;gap:9px;flex:none;padding:8px 12px;border-radius:6px;background:#f9a839;color:#183a2b;text-decoration:none;font:700 12px 'Noto Serif Bengali',serif;box-shadow:0 3px 8px #d28a262b}.profile-update-callout a:hover{background:#f4a02a}.profile-update-callout b{font:18px/1 Arial}.mobile-filter-toggle{display:none}@media(max-width:850px){.mobile-filter-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:10px;padding:11px 14px;border:1px solid #cfe7f0;border-radius:8px;background:#fff;color:#334b57;font:700 13px 'Noto Serif Bengali',serif;cursor:pointer}.mobile-filter-toggle span{font:20px/1 Arial;transition:transform .2s}.directory.filters-open .mobile-filter-toggle span{transform:rotate(180deg)}.directory.filters-open aside{display:block;margin-top:12px}.directory.filters-open .filter-box{margin-bottom:12px}}@media(max-width:520px){.profile-update-callout{align-items:flex-start;flex-direction:column;gap:8px;padding:11px 12px}.profile-update-callout a{padding:7px 10px}}