#visi .institution-public-card,#visi .institution-system-card{position:relative;border-radius:26px;padding:30px!important;overflow:hidden;box-shadow:0 16px 40px #0c213d09;border:1px solid #e3e9f0;display:flex;flex-direction:column}
#visi .institution-public-card:before,#visi .institution-system-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,#0c213d,#d4a817);border-radius:0 0 8px 8px}
#visi .institution-card-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#visi .institution-heading-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef3f9;color:#173b60;font-size:22px}
#visi .institution-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#64748b;flex:1}
#visi .institution-public-card h3{color:#0c213d;font-size:29px;line-height:1.3;letter-spacing:-.5px;max-width:460px;margin-bottom:16px}
#visi .institution-public-card>p{font-size:14px;line-height:1.9!important;color:#64748b!important;margin-bottom:22px}
#visi .institution-highlights{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:28px}
#visi .institution-highlights>span{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:650;color:#526781;background:#f5f8fb;border:1px solid #e8eef4;border-radius:24px;padding:8px 12px}
#visi .institution-highlights i{color:#ad8612}
#visi .institution-akd-link{display:flex;gap:16px;align-items:center;text-decoration:none;background:linear-gradient(115deg,#0c213d,#193f64);border-radius:20px;padding:24px;margin-top:auto;color:#fff;box-shadow:0 12px 24px #0c213d16;transition:transform .2s,box-shadow .2s}
#visi .institution-akd-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;background:#ffffff12;color:#f4ce61;border:1px solid #ffffff20;border-radius:16px;font-size:25px}
#visi .institution-akd-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
#visi .institution-akd-copy small{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#f4ce61}
#visi .institution-akd-copy strong{font-size:18px;line-height:1.4}
#visi .institution-akd-copy>span{font-size:11px;color:#c5d4e4}
#visi .institution-akd-arrow{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff30;color:#f4ce61}
#visi .institution-akd-link:hover{transform:translateY(-3px);box-shadow:0 16px 28px #0c213d25}
#visi .institution-system-card{background:linear-gradient(160deg,#fffaf0,#fff 52%,#f4f8fc);text-align:center}
#visi .institution-system-heading h3{font-size:23px;font-weight:850;color:#0c213d;margin:12px 0 10px}
#visi .institution-system-tag{display:inline-flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#937314;background:#fff3cf;border:1px solid #f2e5b4;border-radius:24px;padding:7px 12px}
#visi .institution-system-card>p{font-size:12px;line-height:1.8;color:#64748b!important;max-width:360px;margin:0 auto 18px}
#visi .institution-system-action{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:22px}
#visi .institution-logo-stage{display:grid;place-items:center;width:208px;height:208px;padding:12px;border-radius:50%;background:#fff;border:1px solid #eee6cf;box-shadow:0 0 0 8px #ffffff99,0 12px 28px #0c213d0a}
#visi .institution-system-logo{display:block;width:100%;height:auto;object-fit:contain}
#visi .institution-system-action .btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border-radius:13px;border:1px solid #0c213d;background:#0c213d;font-size:12px;font-weight:750;box-shadow:0 8px 18px #0c213d18;transition:background .2s,transform .2s}
#visi .institution-system-action .btn:hover{background:#193f64;transform:translateY(-2px)}
#visi .institution-akd-link:focus-visible,#visi .institution-system-action .btn:focus-visible{outline:3px solid #d4a817;outline-offset:4px}
@media(max-width:575.98px){#visi .institution-public-card,#visi .institution-system-card{padding:24px!important;border-radius:22px}#visi .institution-public-card h3{font-size:25px}#visi .institution-eyebrow{font-size:9px}#visi .institution-akd-link{padding:18px;gap:12px}#visi .institution-akd-copy strong{font-size:16px}#visi .institution-akd-icon{width:42px;height:42px;font-size:21px}#visi .institution-akd-arrow{display:none}}
@media(prefers-reduced-motion:reduce){#visi .institution-akd-link,#visi .institution-system-action .btn{transition:none;transform:none}}