.about-page{max-width:var(--page-shell-max);margin:0 auto;padding:var(--page-shell-top) var(--page-shell-gutter) var(--page-shell-bottom)}.about-skeleton-line{height:14px}.about-skeleton-w-70{width:70%}.about-skeleton-w-75{width:75%}.about-skeleton-w-80{width:80%}.about-skeleton-w-85{width:85%}.about-skeleton-w-90{width:90%}.about-skeleton-showcase{height:220px;border-radius:16px}.about-skeleton-committee{height:180px;border-radius:12px}.about-skeleton-dept{height:64px;border-radius:10px}.about-skeleton-contact{height:74px;border-radius:10px}.about-section{margin-bottom:26px;background:var(--panel-bg-soft);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px 24px;box-shadow:0 14px 30px rgb(0 0 0 / 0.16);position:relative;overflow:hidden;scroll-margin-top:calc(var(--shell-offset-top)+24px);display:flex;flex-direction:column;gap:10px}@media (max-width:1280px){.about-page{padding:var(--page-shell-top) var(--page-shell-gutter) var(--page-shell-bottom)}.about-section{scroll-margin-top:calc(var(--shell-offset-top)+32px);padding:20px 18px 22px;gap:8px}}.about-section::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient( 90deg,transparent,rgb(59 130 246 / 0.18),transparent );pointer-events:none}.section-label{display:inline-flex;align-items:baseline;gap:7px;padding:4px 12px;border-radius:100px;font-family:"Space Mono",monospace;font-size:var(--fs-label);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;border:1px solid;margin-top:2px;margin-bottom:-2px;align-self:flex-start}.section-label.blue{color:var(--accent-2);background:var(--accent-dim);border-color:rgb(59 130 246 / 0.25)}.section-label.purple{color:#93c5fd;background:rgb(59 130 246 / 0.08);border-color:rgb(59 130 246 / 0.22)}.section-label.green{color:#6ee7b7;background:rgb(16 185 129 / 0.08);border-color:rgb(16 185 129 / 0.25)}.section-label.cyan{color:#67e8f9;background:rgb(6 182 212 / 0.08);border-color:rgb(6 182 212 / 0.25)}.section-label.gold{color:var(--gold);background:rgb(245 158 11 / 0.08);border-color:rgb(245 158 11 / 0.25)}.section-label.pink{color:#f9a8d4;background:rgb(244 114 182 / 0.08);border-color:rgb(244 114 182 / 0.25)}.section-label.slate{color:#cbd5e1;background:rgb(148 163 184 / 0.09);border-color:rgb(148 163 184 / 0.24)}.section-label i{font-size:var(--fs-micro-tight)}.section-title{font-family:"RpMC Body",sans-serif;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;color:var(--text);line-height:1.16;margin-bottom:0;letter-spacing:-0.02em;display:block}.section-sub{font-size:var(--fs-body-lg);color:var(--text-2);line-height:1.72;max-width:720px;margin-bottom:3px}.about-hero{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 36px;margin-bottom:24px;position:relative;overflow:hidden;animation:rpmc-fadeUp 0.4s var(--ease) both;box-shadow:0 18px 38px rgb(0 0 0 / 0.2)}.about-hero::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse 60% 50% at 80% 50%,rgb(59 130 246 / 0.08),transparent );pointer-events:none}.about-hero-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.about-hero-logo{width:90px;height:90px;flex-shrink:0;border-radius:20px;overflow:hidden;border:2px solid var(--border-2);background:var(--panel-bg-soft);display:flex;align-items:center;justify-content:center}.about-hero-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.about-hero-logo-fallback{font-size:2.2rem;color:var(--accent-2)}.about-hero-text{flex:1;min-width:220px}.about-hero-tag{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:100px;background:var(--accent-dim);border:1px solid rgb(59 130 246 / 0.25);font-family:"Space Mono",monospace;font-size:var(--fs-label);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:12px}.about-hero-name{font-family:"RpMC Body",sans-serif;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:800;color:var(--text);line-height:1.12;margin-top:0;margin-bottom:8px}.about-hero-name span{background:linear-gradient(135deg,var(--accent-2),#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.about-hero-motto{font-family:"RpMC Body",sans-serif;font-size:var(--fs-body-lg);color:var(--text-2);line-height:1.72;font-weight:400;border-left:2px solid var(--accent);padding-left:14px;margin-top:12px;max-width:700px}.about-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:16px;margin-top:20px}.about-hero-stat{text-align:center;min-width:0;padding:12px 14px;border-radius:var(--r);background:linear-gradient( 180deg,rgb(255 255 255 / 0.055),rgb(255 255 255 / 0.022) );border:1px solid var(--border);box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.06)}.about-hero-stat:nth-child(1){background:linear-gradient( 180deg,rgb(59 130 246 / 0.14),rgb(59 130 246 / 0.04) );border-color:rgb(59 130 246 / 0.26)}.about-hero-stat:nth-child(1) .about-hero-stat-num{color:#93c5fd}.about-hero-stat:nth-child(2){background:linear-gradient( 180deg,rgb(245 158 11 / 0.14),rgb(245 158 11 / 0.04) );border-color:rgb(245 158 11 / 0.24)}.about-hero-stat:nth-child(2) .about-hero-stat-num{color:#fcd34d}.about-hero-stat:nth-child(3){background:linear-gradient( 180deg,rgb(16 185 129 / 0.14),rgb(16 185 129 / 0.04) );border-color:rgb(16 185 129 / 0.24)}.about-hero-stat:nth-child(3) .about-hero-stat-num{color:#6ee7b7}.about-hero-stat-num{font-family:"Space Mono",monospace;font-size:1.3rem;font-weight:700;color:var(--text);line-height:1}.about-hero-stat-lbl{font-family:"Space Mono",monospace;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:0.08em;color:rgb(226 232 240 / 0.82);margin-top:5px}.college-card{background:rgb(255 255 255 / 0.02);border:1px solid var(--border);border-radius:var(--r);padding:28px 30px;box-shadow:0 12px 26px rgb(0 0 0 / 0.14);transition:transform 0.22s var(--ease),box-shadow 0.22s var(--ease),border-color 0.22s var(--ease),background 0.22s var(--ease)}.college-card-body{font-size:var(--fs-body);color:var(--text-2);line-height:1.9;white-space:pre-wrap}.college-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}.college-meta-item{background:var(--panel-bg-soft);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;min-height:100%;transition:transform 0.18s var(--ease),box-shadow 0.18s var(--ease),border-color 0.18s var(--ease),background 0.18s var(--ease);color:inherit;text-decoration:none}.college-meta-item:hover{background:var(--panel-bg-soft);border-color:var(--border-2);box-shadow:0 12px 24px rgb(0 0 0 / 0.2)}.college-meta-item i{font-size:0.8rem;color:var(--accent-2);flex-shrink:0;width:14px;text-align:center}.college-meta-item-label{font-family:"Space Mono",monospace;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-3);margin-bottom:2px}.college-meta-item-value{font-family:"RpMC Body",sans-serif;font-size:0.88rem;color:var(--text);font-weight:600;line-height:1.3}.skeleton-section{display:flex;flex-direction:column;gap:12px}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:stretch}.showcase-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:100%;background:var(--panel-bg-soft);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;position:relative;color:inherit;text-decoration:none;box-shadow:0 12px 26px rgb(0 0 0 / 0.18);transition:transform 0.24s var(--ease),box-shadow 0.24s var(--ease),border-color 0.24s var(--ease),background 0.24s var(--ease);animation:rpmc-fadeUp 0.35s var(--ease) both}.showcase-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:0 2px 2px 0;background:var(--accent);transition:width 0.24s ease;z-index:2}.showcase-card-photo::before{background:#1d4ed8}.showcase-card-video::before{background:#ea580c}.showcase-card:hover{transform:translateY(-4px);border-color:rgb(59 130 246 / 0.28);box-shadow:0 18px 38px rgb(0 0 0 / 0.28);background:var(--panel-bg)}.showcase-card:hover::before{width:5px}.showcase-image-wrap{aspect-ratio:4 / 3;background:radial-gradient(circle at top,rgb(24 128 255 / 0.16),transparent 60%),linear-gradient(180deg,rgb(9 15 31 / 0.18),rgb(9 15 31 / 0.62)),var(--panel-bg-soft);overflow:hidden;position:relative;border-bottom:1px solid rgb(255 255 255 / 0.06)}.showcase-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s var(--ease);font-family:"RpMC Body",sans-serif}.showcase-card:hover .showcase-image{transform:scale(1.04)}.showcase-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(6 11 24 / 0.05),rgb(6 11 24 / 0.68) 78%),linear-gradient(90deg,rgb(6 11 24 / 0.28),transparent 40%);pointer-events:none}.showcase-media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.3rem}.showcase-media-fallback.photo{color:#bfdbfe;background:radial-gradient(circle at 30% 30%,rgb(37 99 235 / 0.3),transparent 32%),linear-gradient(135deg,rgb(29 78 216 / 0.18),rgb(15 23 42 / 0.65))}.showcase-media-fallback.video{color:#fed7aa;background:radial-gradient(circle at 30% 30%,rgb(249 115 22 / 0.3),transparent 32%),linear-gradient(135deg,rgb(234 88 12 / 0.18),rgb(15 23 42 / 0.65))}.showcase-media-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px}.showcase-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.showcase-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:"Space Mono",monospace;font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-2);background:rgb(59 130 246 / 0.1);border:1px solid rgb(59 130 246 / 0.2)}.showcase-badge.media-type.photo{color:#bfdbfe;background:rgb(29 78 216 / 0.18);border-color:rgb(37 99 235 / 0.34)}.showcase-badge.media-type.video{color:#fed7aa;background:rgb(234 88 12 / 0.18);border-color:rgb(249 115 22 / 0.34)}.showcase-badge.cat-campus,.showcase-badge.cat-college{color:#67e8f9;background:rgb(6 182 212 / 0.12);border-color:rgb(6 182 212 / 0.24)}.showcase-badge.cat-orientation{color:#fcd34d;background:rgb(251 191 36 / 0.12);border-color:rgb(251 191 36 / 0.24)}.showcase-badge.cat-event,.showcase-badge.cat-events{color:#fca5a5;background:rgb(244 63 94 / 0.12);border-color:rgb(244 63 94 / 0.24)}.showcase-badge.cat-sports-day{color:#6ee7b7;background:rgb(16 185 129 / 0.12);border-color:rgb(16 185 129 / 0.24)}.showcase-badge.cat-sports{color:#6ee7b7;background:rgb(16 185 129 / 0.12);border-color:rgb(16 185 129 / 0.24)}.showcase-badge.cat-cultural-night{color:#f9a8d4;background:rgb(236 72 153 / 0.12);border-color:rgb(236 72 153 / 0.24)}.showcase-badge.cat-cultural{color:#f9a8d4;background:rgb(236 72 153 / 0.12);border-color:rgb(236 72 153 / 0.24)}.showcase-badge.cat-academic{color:#a5b4fc;background:rgb(99 102 241 / 0.12);border-color:rgb(99 102 241 / 0.24)}.showcase-badge.cat-hangouts{color:#d8b4fe;background:rgb(168 85 247 / 0.12);border-color:rgb(168 85 247 / 0.24)}.showcase-badge.cat-batch-life{color:#d8b4fe;background:rgb(168 85 247 / 0.12);border-color:rgb(168 85 247 / 0.24)}.showcase-badge.cat-batch,.showcase-badge.cat-students{color:#93c5fd;background:rgb(59 130 246 / 0.12);border-color:rgb(59 130 246 / 0.24)}.showcase-badge.cat-other,.showcase-badge.cat-misc,.showcase-badge.cat-miscellaneous{color:#cbd5e1;background:rgb(148 163 184 / 0.12);border-color:rgb(148 163 184 / 0.24)}.showcase-badge.cat-video{color:#c4b5fd;background:rgb(139 92 246 / 0.12);border-color:rgb(139 92 246 / 0.24)}.showcase-date{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;font-family:"Space Mono",monospace;font-size:0.62rem;font-weight:700;text-transform:uppercase;color:#bfdbfe;padding:4px 10px;border-radius:999px;background:rgb(59 130 246 / 0.12);border:1px solid rgb(59 130 246 / 0.24);z-index:1}.showcase-date i{color:#93c5fd}.showcase-date.no-date{color:#cbd5e1;background:rgb(148 163 184 / 0.1);border-color:rgb(148 163 184 / 0.2)}.showcase-date.no-date i{color:#cbd5e1}.showcase-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:rgb(6 11 24 / 0.6);border:2px solid rgb(255 255 255 / 0.28);display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.95rem;pointer-events:none;z-index:2;transition:background 0.2s,border-color 0.2s,transform 0.2s}.showcase-card-video:hover .showcase-play-btn{background:#ea580c;border-color:#fff0;transform:translate(-50%,-50%) scale(1.12)}.showcase-copy{padding:16px 18px 0}.showcase-title{font-family:"RpMC Body",sans-serif;font-size:0.85rem;font-weight:700;color:var(--text);line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-0.01em}.showcase-caption{font-family:"RpMC Body",sans-serif;margin-top:8px;margin-bottom:0;font-size:0.75rem;color:var(--text-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px 16px;border-top:1px solid var(--border)}.showcase-meta,.showcase-action{display:inline-flex;align-items:center;gap:6px;font-family:"Space Mono",monospace;font-size:0.62rem;text-transform:uppercase;letter-spacing:0.05em}.showcase-meta{color:var(--text-muted)}.showcase-action{color:var(--accent-2);white-space:nowrap}.showcase-action i{color:inherit}.showcase-card:hover .showcase-action i{transform:translateX(2px)}.committee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.committee-grid .member-card.cr-card{grid-column:1 / -1}.member-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-height:100%;transition:all 0.22s var(--ease);animation:rpmc-fadeUp 0.35s var(--ease) both;position:relative;overflow:hidden}.member-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity 0.2s}.member-card:hover{background:var(--panel-bg-soft);border-color:var(--border-2);transform:translateY(-4px) scale(1.01);box-shadow:0 10px 28px rgb(0 0 0 / 0.25)}.member-card:hover::before{opacity:1}.member-card.cr-card::before{opacity:1;height:4px;background:linear-gradient(90deg,var(--gold),#f59e0b)}.member-card.cr-card{background:linear-gradient( 135deg,rgb(245 158 11 / 0.18),rgb(245 158 11 / 0.05) );border-color:rgb(245 158 11 / 0.35);box-shadow:0 18px 40px rgb(0 0 0 / 0.3),0 0 0 1px rgb(245 158 11 / 0.1)}.member-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2.5px solid var(--border-2);background:var(--surface-3);display:flex;align-items:center;justify-content:center;transition:border-color 0.2s;box-shadow:0 0 0 2px var(--border-2)}.member-card:hover .member-avatar{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 6px 18px rgb(0 0 0 / 0.25)}.member-card.cr-card .member-avatar{border-color:rgb(245 158 11 / 0.5);box-shadow:0 0 0 2px rgb(245 158 11 / 0.5),0 8px 22px rgb(0 0 0 / 0.3);width:96px;height:96px}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar-fallback{font-size:1.8rem;color:var(--text-3)}.member-card.cr-card .member-avatar-fallback{font-size:2.2rem}.member-name{font-family:"RpMC Body",sans-serif;font-size:0.95rem;font-weight:700;color:var(--text);line-height:1.3}.member-card.cr-card .member-name{font-size:1.1rem}.member-role{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-family:"Space Mono",monospace;font-size:0.65rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;background:var(--accent-dim);border:1px solid rgb(59 130 246 / 0.2);color:var(--accent-2)}.member-card.cr-card .member-role{background:rgb(245 158 11 / 0.1);border-color:rgb(245 158 11 / 0.3);color:var(--gold)}.member-roll{font-family:"Space Mono",monospace;font-size:var(--fs-label);color:var(--text-3);margin-top:-4px}.member-contact{display:flex;gap:8px;margin-top:2px}.member-contact a{width:28px;height:28px;border-radius:50%;background:var(--panel-bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:0.72rem;transition:all 0.18s;text-decoration:none}.member-contact a:hover{background:var(--accent-dim);color:var(--accent-2);border-color:rgb(59 130 246 / 0.3)}.member-contact a.wa:hover{background:rgb(37 211 102 / 0.1);color:#25d366;border-color:rgb(37 211 102 / 0.3)}.member-contact a.fb:hover{background:rgb(24 119 242 / 0.1);color:#4e9af1;border-color:rgb(24 119 242 / 0.3)}.dept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.dept-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:12px;min-height:100%;animation:rpmc-fadeUp 0.35s var(--ease) both;transition:all 0.18s}.dept-card>div:last-child{min-width:0;flex:1}.dept-card:hover{background:var(--panel-bg-soft);border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 10px 22px rgb(0 0 0 / 0.18)}.dept-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;background:var(--accent-dim);border:1px solid rgb(59 130 246 / 0.15);display:flex;align-items:center;justify-content:center;color:var(--accent-2);font-size:0.82rem}.dept-name{font-family:"RpMC Body",sans-serif;font-size:0.9rem;font-weight:700;color:var(--text);line-height:1.3;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.dept-head{font-family:"Space Mono",monospace;font-size:0.72rem;color:var(--text-3);margin-top:2px;overflow-wrap:anywhere;word-break:break-word}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}@media (min-width:1024px){.college-meta-grid,.showcase-grid,.committee-grid,.dept-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}}.contact-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;display:flex;align-items:flex-start;gap:14px;min-height:100%;animation:rpmc-fadeUp 0.35s var(--ease) both;transition:all 0.2s;color:inherit;text-decoration:none}a.contact-card:hover{background:var(--panel-bg-soft);border-color:var(--border-2);transform:translateY(-3px);box-shadow:0 12px 24px rgb(0 0 0 / 0.2)}.contact-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;border:1px solid var(--border)}.contact-icon.email{background:rgb(99 102 241 / 0.1);color:#818cf8;border-color:rgb(99 102 241 / 0.2)}.contact-icon.phone{background:rgb(16 185 129 / 0.1);color:#34d399;border-color:rgb(16 185 129 / 0.2)}.contact-icon.facebook{background:rgb(24 119 242 / 0.1);color:#4e9af1;border-color:rgb(24 119 242 / 0.2)}.contact-icon.instagram{background:rgb(236 72 153 / 0.1);color:#f43f5e;border-color:rgb(236 72 153 / 0.2)}.contact-icon.telegram{background:rgb(42 171 238 / 0.1);color:#2aabee;border-color:rgb(42 171 238 / 0.2)}.contact-icon.whatsapp{background:rgb(37 211 102 / 0.1);color:#25d366;border-color:rgb(37 211 102 / 0.2)}.contact-icon.location{background:rgb(244 63 94 / 0.1);color:#fb7185;border-color:rgb(244 63 94 / 0.2)}.contact-icon.website{background:rgb(59 130 246 / 0.1);color:#60a5fa;border-color:rgb(59 130 246 / 0.2)}.contact-icon.hospital{background:rgb(245 158 11 / 0.1);color:#fbbf24;border-color:rgb(245 158 11 / 0.2)}.contact-label{font-family:"Space Mono",monospace;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-3);margin-bottom:3px}.contact-value{font-family:"RpMC Body",sans-serif;font-size:0.9rem;font-weight:600;color:var(--text);line-height:1.4;word-break:break-word}.qr-panel{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:24px;align-items:center;background:radial-gradient( circle at top right,rgb(24 128 255 / 0.08),transparent 42% ),var(--panel-bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.03)}.qr-copy{display:grid;align-content:center;gap:10px}.qr-card{background:radial-gradient(circle at top,rgb(24 128 255 / 0.14),transparent 58%),linear-gradient(180deg,rgb(24 128 255 / 0.08),rgb(24 128 255 / 0.02)),var(--surface-2);border:1px solid rgb(59 130 246 / 0.24);border-radius:20px;padding:18px;box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.04),0 16px 32px rgb(0 0 0 / 0.22),0 0 0 1px rgb(24 128 255 / 0.05)}.qr-card img{width:100%;height:auto;display:block;border-radius:12px;background:#fff0;filter:drop-shadow(0 10px 24px rgb(0 0 0 / 0.22))}.qr-copy-tag,.map-panel-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-dim);border:1px solid rgb(59 130 246 / 0.2);color:var(--accent-2);font-family:"Space Mono",monospace;font-size:var(--fs-micro);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;width:fit-content;max-width:100%;align-self:flex-start}.qr-copy h3{font-family:"RpMC Body",sans-serif;font-size:1.35rem;font-weight:800;color:var(--text);margin:4px 0 0}.qr-copy p{font-size:0.9rem;color:var(--text-2);line-height:1.7;margin-bottom:10px;max-width:520px}.qr-copy .btn-primary{width:fit-content;align-self:flex-start}@media (max-width:1100px){.about-hero{padding:22px 24px}.about-hero-inner{align-items:center;gap:24px}.about-hero-text{min-width:0}.about-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-panel{grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:18px;padding:22px}.map-meta{align-items:flex-start}}.map-panel{background:radial-gradient( circle at top right,rgb(24 128 255 / 0.08),transparent 44% ),var(--panel-bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.03),0 18px 36px rgb(0 0 0 / 0.22);position:relative}.map-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(180deg,rgb(24 128 255 / 0.1),rgb(24 128 255 / 0.03)),var(--surface-2);border-bottom:1px solid var(--border)}.map-panel-note{font-size:0.74rem;color:var(--text-3);line-height:1.5}.map-panel iframe{width:100%;height:360px;border:0;display:block}.map-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:84px;background:linear-gradient(180deg,rgb(5 8 15 / 0.18),transparent);pointer-events:none;z-index:1}.map-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:var(--panel-bg-soft);flex-wrap:wrap}.map-meta-item{display:grid;gap:10px;justify-items:start}.map-meta-label-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-dim);border:1px solid rgb(59 130 246 / 0.2);color:var(--accent-2);font-family:"Space Mono",monospace;font-size:var(--fs-micro);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;width:fit-content;max-width:100%}.map-meta-value{font-size:0.86rem;color:var(--text);font-weight:600;line-height:1.4}.about-empty{text-align:center;padding:40px 20px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r)}.about-empty i{font-size:2rem;color:var(--text-3);display:block;margin-bottom:12px}.about-empty h3{font-size:1rem;font-weight:700;color:var(--text-2);margin-bottom:8px}.about-empty p{font-size:0.84rem;color:var(--text-3);line-height:1.6}@media (max-width:768px){.about-page{padding:var(--page-shell-top) var(--page-shell-gutter) var(--page-shell-bottom)}.about-section{padding:18px 18px 22px;gap:8px}.about-hero{padding:20px 20px}.about-hero-inner{gap:20px}.about-hero-stats{grid-template-columns:1fr}.about-hero-text{min-width:0}.committee-grid{grid-template-columns:repeat(2,1fr)}.committee-grid .member-card.cr-card{grid-column:1 / -1}.college-card{padding:20px}.contact-grid{grid-template-columns:1fr}.dept-grid{grid-template-columns:1fr}.dept-card{align-items:center;padding:13px 14px;gap:10px}.dept-icon{width:34px;height:34px}.dept-name{font-size:0.84rem;line-height:1.4}.dept-head{font-size:0.68rem;line-height:1.5}.qr-panel{grid-template-columns:1fr;padding:20px}.qr-copy{text-align:center;justify-items:center}.qr-copy .btn-primary{margin:0 auto;display:inline-flex}.map-panel iframe{height:300px}.map-panel-header{align-items:flex-start;flex-direction:column}.about-empty{padding:32px 16px}.map-meta{justify-content:center;text-align:center}.map-meta-item{width:100%;text-align:center;justify-items:center}.map-meta .btn-ghost{margin:0 auto}}@media (max-width:360px){.committee-grid{grid-template-columns:1fr}.committee-grid .member-card.cr-card{grid-column:auto}}