.brd{color:#1f2937;background:#f4f6f8;font-family:"Source Sans 3",-apple-system,Segoe UI,Roboto,Arial,sans-serif}.brd-hero{color:#fff;background:linear-gradient(135deg,#0e2a52 0%,#15407a 55%,#1e5fa8 100%);position:relative;overflow:hidden}.brd-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(at 70% 30%,#000 0%,#0000 70%)}.brd-kaca{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff29;border-radius:12px}.brd-pita{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.brd-pita-isi{gap:2.5rem;animation:60s linear infinite brd-jalan;display:inline-flex}.brd-pita:hover .brd-pita-isi{animation-play-state:paused}@keyframes brd-jalan{0%{transform:translate(0)}to{transform:translate(-50%)}}.brd-kartu{background:#fff;border:1px solid #e6e9ec;border-radius:10px;transition:transform .15s,box-shadow .15s,border-color .15s}a.brd-kartu:hover{border-color:#c9d6e8;transform:translateY(-2px);box-shadow:0 8px 22px #0e2a5214}.brd-judul{color:#0e2a52;letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.brd-label{letter-spacing:.12em;text-transform:uppercase;color:#1e5fa8;font-size:.75rem;font-weight:700}.brd-biru{background:#f2f7fd;border:1px solid #c9dcf2;border-top:4px solid #1e5fa8;border-radius:10px}.brd-merah{background:#fff;border:1px solid #f3c9cd;border-top:4px solid #d7262b;border-radius:10px}.brd-hijau{background:#fff;border:1px solid #bfe3cb;border-top:4px solid #1e8e3e;border-radius:10px}.brd-emas{background:#fff9eb;border:1px solid #f0dca8;border-left:4px solid #c8961e;border-radius:10px}.brd-hijau .brd-label{color:#1e8e3e}.brd-biru,.brd-merah,.brd-hijau,.brd-emas{transition:transform .15s,box-shadow .15s}a.brd-biru:hover,a.brd-merah:hover,a.brd-hijau:hover,a.brd-emas:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0e2a5214}@media (prefers-reduced-motion:reduce){.brd-pita-isi{animation:none}a.brd-kartu:hover{transform:none}}