body{background:radial-gradient(ellipse at 15% 0,#dce7f5,transparent 55%),#f1f3f7;color:#172d48}
.page-shell{max-width:520px;border:1px solid #fff9;border-radius:22px;margin-top:24px;box-shadow:0 18px 70px #142e5012;background:#fbfcfe}
.hero{height:148px}.campus{object-position:center 55%}.photo-shade{background:linear-gradient(90deg,#10284960,#10284915),linear-gradient(0deg,#102849c9,transparent 85%)}
.hero-wave{display:none}.entry-year{top:17px;right:20px;border:1px solid #ffffff40;background:#ffffff18;backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:500;padding:4px 11px}
.hero-caption{bottom:19px;right:23px;font-size:21px;letter-spacing:-.6px}.hero-caption:after{content:'';display:block;width:26px;height:3px;margin-top:8px;background:#e9bd68;border-radius:5px}
.identity{padding:18px 23px 0;gap:12px}.university-logo{width:49px;height:59px;background:white;border-radius:11px;padding:3px;box-shadow:0 3px 13px #143f7c09}.university-name{font-size:11px;line-height:1.8;color:#728297}h1{font-size:18px;margin:4px 0 0;letter-spacing:-.6px}.intro{margin:13px 24px 16px;font-size:11px;color:#7b8b9e;display:flex;align-items:center;gap:8px}.intro:before{content:'';display:block;width:15px;height:1px;background:#c5d1e0}
.directory{padding:0 18px;gap:10px}.directory-section{position:relative;padding:13px 14px;border-radius:14px;overflow:hidden;border:1px solid #e4e9f0;box-shadow:0 3px 8px #183a6003}.section-heading{gap:9px}.section-icon{width:34px;height:34px;border-radius:10px}.section-icon svg{width:22px;height:22px}h2{font-size:13px;line-height:1.8}.section-heading p{font-size:10px;margin-top:1px;line-height:1.7}.number{font-size:20px;font-weight:400;color:#c1ccda}
.section-university{background:radial-gradient(ellipse at 0 0,#3c70b5a1,transparent 65%),linear-gradient(125deg,#163d70,#122e52);border:1px solid #193e70;color:#fff;padding:14px;box-shadow:0 7px 19px #133c7021}.section-university .section-icon{color:#c5defa;background:#ffffff12;border:1px solid #ffffff15}.section-university .section-heading p{color:#a9c0db}.section-university .number{color:#7697bc}.section-university .channel-list{gap:8px;margin-top:13px}
.section-university .channel-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:8px;row-gap:0;text-align:right;align-items:center;padding:11px 10px;border:1px solid #ffffff2e;border-radius:11px;background:linear-gradient(135deg,#ffffff19,#ffffff08);color:white;box-shadow:inset 0 1px #ffffff09;transition:background .2s,transform .2s}
.section-university .channel-card:hover{background:#ffffff23;transform:translateY(-2px);box-shadow:none}.section-university .channel-avatar{grid-column:1;grid-row:1/3;width:36px;height:36px;border-radius:10px;margin:0;border:1px solid #ffffff40;box-shadow:0 3px 9px #0002}
.section-university .channel-platform{grid-column:2;grid-row:1;font-size:9px;color:#afc9e8;line-height:1.6}.section-university .channel-card h3{grid-column:2;grid-row:2;font-size:12px;line-height:1.9;white-space:nowrap}.section-university .channel-action{grid-column:1/-1;grid-row:3;min-height:29px;margin-top:9px;padding-top:7px;border-top:1px solid #ffffff17;color:#d5e8ff;display:flex;justify-content:space-between;font-size:10px}.section-university .channel-action svg{width:14px;height:14px}
.section-associations{border-right:3px solid #67b5ba}.section-faculties{border-right:3px solid #d8b36c}.section-associations .section-icon{background:#eff8f8;color:#358c96}.section-faculties .section-icon{background:#faf5eb;color:#af8842}.channel-list{margin-top:9px}.empty-state{padding-top:8px;border-top:1px dashed #e5eaf1;gap:6px}.empty-state p{font-size:10px;color:#9aa6b5}.empty-state svg{width:13px;height:13px;opacity:.45}.section-university .empty-state p{color:#b4c9df}.section-university .empty-state{border-color:#ffffff20}
footer{padding:7px 22px 8px;color:#98a5b5;font-size:9px}footer button{font-size:10px;color:#6d819b}footer svg{width:15px;height:15px}.credit{font-size:9px;letter-spacing:.3px;margin:10px 0 16px}
@media(max-width:480px){.page-shell{width:calc(100% - 28px);margin-top:14px;border-radius:18px}.hero{height:126px}.hero-caption{font-size:19px;right:19px;bottom:17px}.entry-year{right:17px;top:13px}.identity{padding:14px 19px 0;gap:10px}.university-logo{width:44px;height:54px}h1{font-size:17px}.university-name{font-size:10px}.intro{margin:11px 20px 13px;font-size:10px}.directory{padding:0 13px;gap:9px}.directory-section{padding:11px 12px}.section-university{padding:12px}.section-university .channel-card{padding:10px 8px;gap:0 7px;grid-template-columns:32px minmax(0,1fr)}.section-university .channel-avatar{width:32px;height:32px;border-radius:9px}.section-university .channel-card h3{font-size:11px}.section-university .channel-platform{font-size:9px}.section-university .channel-action{font-size:9px}.section-heading p{font-size:9px}h2{font-size:12px}.section-icon{width:31px;height:31px;border-radius:9px}.section-icon svg{width:20px;height:20px}.empty-state p{font-size:10px}footer{padding:4px 17px;font-size:8px}}
@media(max-width:350px){.page-shell{width:calc(100% - 20px)}.directory{padding:0 10px}.section-university{padding:11px 9px}.section-university .channel-card{padding:9px 6px;grid-template-columns:28px minmax(0,1fr);column-gap:5px}.section-university .channel-avatar{width:28px;height:28px}.section-university .channel-card h3{font-size:10px}.section-university .channel-action{font-size:9px}h1{font-size:16px}.number{display:block}}

/* Visible native vector artwork and messenger symbols. */
.campus-emblem{position:absolute;width:94px;height:94px;left:18px;top:22px;filter:drop-shadow(0 4px 10px #10284940)}
.emblem-orbit{transform-origin:55px 55px;animation:emblem-turn 36s linear infinite}
.section-icon{width:38px;height:38px}.section-icon svg{width:26px;height:26px;stroke-width:1.9}
.section-university .section-icon{background:#ffffff20;color:#dceaff;border-color:#ffffff35}
.section-associations .section-icon{color:#087e8b;background:#e1f3f3}.section-faculties .section-icon{color:#a67517;background:#fff0ce}
.section-university .channel-platform{display:flex;align-items:center;gap:4px;color:#c9def8}
.messenger-icon{display:inline-flex;align-items:center;flex:none}.messenger-icon svg{width:14px;height:14px}
@keyframes emblem-turn{to{transform:rotate(360deg)}}
@media(max-width:480px){.campus-emblem{width:83px;height:83px;left:13px;top:20px}.section-icon{width:35px;height:35px}.section-icon svg{width:24px;height:24px}}
@media(max-width:350px){.campus-emblem{width:72px;height:72px;left:10px;top:27px}.hero-caption{font-size:17px}.section-heading{gap:7px}.section-icon{width:30px;height:30px}.section-icon svg{width:21px;height:21px}.messenger-icon svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.emblem-orbit{animation:none}}