@font-face{font-family:Vazirmatn;src:url(Vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#edf2f9;color:#163451;font-family:Vazirmatn,Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}svg{display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #d79824;outline-offset:4px}[hidden]{display:none!important}.page-shell{width:min(100% - 32px,620px);margin:28px auto 0;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 14px 60px #143f7c0d}.hero{height:200px;position:relative;overflow:hidden}.campus{width:100%;height:100%;object-fit:cover;object-position:center 52%}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b264878,transparent 75%)}.entry-year{position:absolute;top:16px;right:20px;background:#ffffffed;color:#164689;padding:5px 13px;border-radius:30px;font-size:11px;font-weight:700}.hero-caption{position:absolute;bottom:34px;right:24px;color:white;font-size:19px;font-weight:750;text-shadow:0 1px 8px #102744}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:30px}.identity{display:flex;align-items:center;gap:16px;padding:4px 28px 0}.university-logo{width:84px;height:94px;object-fit:contain;flex:none}.university-name{font-size:13px;line-height:1.9;margin:0;font-weight:600;color:#587087}h1{font-size:23px;margin:6px 0 0;font-weight:850;letter-spacing:-.5px}h1 span{color:#28a4bb}.intro{margin:10px 28px 17px;font-size:12px;color:#7c8e9e}.directory{display:grid;gap:11px;padding:0 24px}.directory-section{border:1px solid #e1e8f1;border-radius:17px;padding:15px 16px;background:#fff}.section-heading{display:flex;align-items:center;gap:12px}.section-icon{display:grid;place-items:center;width:47px;height:47px;flex:none;border-radius:14px;color:#245aa5;background:#eaf1fd}.section-icon svg{width:29px;height:29px}.section-associations .section-icon{color:#1395a2;background:#e7f7f7}.section-faculties .section-icon{color:#b7811b;background:#fff5de}.section-heading>div{flex:1;min-width:0}h2{font-size:15px;line-height:1.8;margin:0;font-weight:800}.section-heading p{font-size:11px;color:#81909f;margin:3px 0 0;line-height:1.8}.number{font-size:24px;color:#dae4ef;font-weight:700}.section-university{border-color:#cdddf2;background:#f7faff}.channel-list{display:grid;gap:8px;margin-top:12px}.empty-state{display:flex;align-items:center;gap:8px;color:#8293a4;border-top:1px solid #e7edf5;padding-top:9px}.empty-state svg{width:16px;height:16px;flex:none;opacity:.65}.empty-state p{font-size:11px;margin:0;line-height:1.8}.channel-card{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px;border:1px solid #dce7f4;background:white;border-radius:12px;transition:transform .2s,box-shadow .2s}.channel-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1747800d}.channel-platform{font-size:10px;color:#6686ab;grid-column:1}.channel-card h3{font-size:14px;margin:0;overflow-wrap:anywhere}.channel-description{font-size:11px;color:#788a9d;margin:0;overflow-wrap:anywhere}.channel-action{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:6px;font-size:11px;color:#245aa5;white-space:nowrap}.channel-action svg{width:17px;height:17px}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 28px;color:#8293a4;font-size:10px}footer button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#5e7896;font-size:11px;min-height:44px;padding:5px}footer svg{width:17px;height:17px}.credit{text-align:center;color:#94a4b5;font-size:10px;margin:12px 0 20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#173b66;color:white;border-radius:12px;padding:12px 18px;font-size:12px;max-width:90vw;opacity:0;pointer-events:none}.toast.visible{opacity:1}.availability-note{font-size:12px;padding:10px;color:#8b6224;background:#fff7df;border-radius:10px}.section-icon{transition:transform .25s}.directory-section:hover .section-icon{transform:rotate(-5deg)}@media(max-width:480px){.page-shell{width:calc(100% - 24px);margin-top:12px;border-radius:21px}.hero{height:150px}.hero-caption{font-size:17px;bottom:28px;right:20px}.identity{padding:0 18px;gap:12px}.university-logo{width:66px;height:79px}.university-name{font-size:11px}h1{font-size:19px;margin-top:4px}.intro{font-size:11px;margin:7px 20px 13px}.directory{padding:0 14px;gap:9px}.directory-section{padding:12px}.section-icon{width:41px;height:41px;border-radius:12px}.section-icon svg{width:26px;height:26px}h2{font-size:14px}.section-heading{gap:10px}.section-heading p{font-size:10px}.channel-list{margin-top:9px}.empty-state p{font-size:11px}.number{font-size:21px}footer{padding:5px 18px;font-size:9px}footer button{font-size:10px}.credit{margin:9px 0}.channel-action{font-size:10px}.channel-card{gap:3px 7px}}@media(max-width:350px){h1{font-size:17px}.university-name{font-size:10px}.university-logo{width:57px}.identity{gap:8px}h2{font-size:13px}.section-heading p{font-size:9px}.hero{height:135px}.number{display:none}.channel-card{display:flex;flex-direction:column}.channel-action{margin-top:7px;min-height:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.section-university .channel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-university .empty-state{grid-column:1/-1}.section-university .channel-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 8px;gap:5px;min-width:0}.channel-avatar{width:64px;height:64px;object-fit:cover;border-radius:18px;border:1px solid #e0e8f1;margin-bottom:4px}.section-university .channel-platform{font-size:11px}.section-university .channel-card h3{font-size:14px;line-height:1.9}.section-university .channel-description{display:none}.section-university .channel-action{margin-top:3px;font-size:11px;min-height:32px}.section-university .channel-action svg{width:16px;height:16px}@media(max-width:350px){.section-university .channel-card h3{font-size:13px}.channel-avatar{width:56px;height:56px}.section-university .channel-action{font-size:10px}}
