.bank-page{background:var(--c-paper)}.bank-page-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bank-page-hero{position:relative;overflow:hidden;padding-block:var(--myc-space-9) var(--myc-space-8);background:var(--c-paper)}.bank-page-hero:before{position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--c-primary) 4.5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--c-primary) 4.5%,transparent) 1px,transparent 1px);background-size:48px 48px;content:"";pointer-events:none}.bank-page-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(48px,5vw,72px);align-items:center}.bank-page-hero__content{max-width:580px}.bank-page-hero__content .hero-title span{display:block}.bank-page-hero__lead{max-width:560px;margin-bottom:var(--myc-space-7);color:var(--myc-fg-muted);font-size:var(--myc-text-md);line-height:1.75}.bank-page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--myc-space-3);align-items:center;margin-bottom:var(--myc-space-7)}.bank-page-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--myc-space-4);margin:0;padding:0;list-style:none}.bank-page-hero__proof li{display:flex;min-width:0;align-items:center;gap:var(--myc-space-2);padding:0;color:var(--myc-fg-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-xs);font-weight:700;letter-spacing:.035em;line-height:1.35}.bank-page-hero__proof svg{box-sizing:content-box;width:20px;height:20px;flex:0 0 auto;padding:6px;border-radius:var(--myc-radius-sm);background:color-mix(in srgb,var(--myc-accent) 7%,var(--c-surface));color:color-mix(in srgb,var(--myc-accent) 78%,var(--myc-fg-muted))}.bank-page-hero__visual{position:relative;isolation:isolate}.bank-page-hero__visual:before{position:absolute;z-index:-1;inset:-18px -18px 18px 18px;background:var(--myc-accent);border-radius:calc(var(--myc-radius-lg) + 6px);content:"";transform:rotate(-1.5deg)}.bank-page-hero__frame{overflow:hidden;margin:0;background:var(--c-surface);border:1px solid color-mix(in srgb,var(--myc-navy) 16%,transparent);border-radius:var(--myc-radius-lg);box-shadow:0 28px 70px color-mix(in srgb,var(--myc-navy) 18%,transparent)}.bank-page-hero__frame img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.bank-carousel{position:relative;overflow:hidden;padding-block:clamp(72px,8vw,112px);background:var(--myc-navy);outline:none}.bank-carousel:before{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--myc-accent) 28%,transparent) 0%,transparent 58%);content:"";pointer-events:none}.bank-carousel:focus-visible{outline:3px solid color-mix(in srgb,var(--c-accent-light) 75%,transparent);outline-offset:-3px}.bank-carousel__wrapper{position:relative;width:100%}.bank-carousel__viewport{position:relative;z-index:1;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}.bank-carousel__viewport:active{cursor:grabbing}.bank-carousel__viewport::-webkit-scrollbar{display:none}.bank-carousel__track{display:flex;gap:clamp(18px,2.2vw,32px);width:max-content;padding-inline:max(24px,9vw)}.bank-carousel__slide{flex:0 0 min(82vw,1120px);overflow:hidden;margin:0;background:var(--c-surface);border:1px solid color-mix(in srgb,var(--c-surface) 16%,transparent);border-radius:var(--myc-radius-lg);box-shadow:0 32px 80px color-mix(in srgb,#000 34%,transparent);opacity:.32;scroll-snap-align:center;transform:scale(.94);transition:opacity .42s var(--myc-ease),transform .42s var(--myc-ease),border-color .42s var(--myc-ease)}.bank-carousel__slide[data-active=true]{border-color:color-mix(in srgb,var(--c-surface) 70%,transparent);opacity:1;transform:scale(1)}.bank-carousel__slide img{display:block;width:100%;height:auto;aspect-ratio:1942 / 809;object-fit:cover;user-select:none;-webkit-user-drag:none}.bank-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;padding:0;color:var(--c-surface);background:color-mix(in srgb,var(--myc-navy) 60%,transparent);border:1px solid color-mix(in srgb,var(--c-surface) 20%,transparent);border-radius:var(--myc-radius-full);cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color var(--myc-duration),background var(--myc-duration),border-color var(--myc-duration),transform var(--myc-duration) var(--myc-ease)}.bank-carousel__arrow--prev{left:clamp(16px,4vw,48px)}.bank-carousel__arrow--next{right:clamp(16px,4vw,48px)}.bank-carousel__arrow:hover{color:var(--myc-navy);background:var(--c-surface);border-color:var(--c-surface);transform:translateY(-50%) scale(1.08)}.bank-carousel__arrow:focus-visible,.bank-carousel__progress button:focus-visible{outline:3px solid color-mix(in srgb,var(--c-accent-light) 80%,transparent);outline-offset:3px}.bank-carousel__arrow svg{width:24px;height:24px}.bank-carousel__progress{position:relative;z-index:2;display:grid;width:min(760px,calc(100% - 48px));grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--myc-space-2);margin:var(--myc-space-7) auto 0}.bank-carousel__progress button{position:relative;height:20px;padding:0;background:transparent;border:0;cursor:pointer}.bank-carousel__progress button:before{position:absolute;inset:8px 0;background:color-mix(in srgb,var(--c-surface) 28%,transparent);border-radius:var(--myc-radius-full);content:"";transition:background var(--myc-duration),transform var(--myc-duration) var(--myc-ease)}.bank-carousel__progress button:hover:before{background:color-mix(in srgb,var(--c-surface) 55%,transparent)}.bank-carousel__progress button[data-active=true]:before{background:var(--c-accent-light);transform:scaleY(1.5)}@media(max-width:1024px){.bank-page-hero__inner{grid-template-columns:1fr}.bank-page-hero__content{max-width:760px}.bank-page-hero__lead{max-width:680px}.bank-page-hero__visual{width:min(860px,calc(100% - 18px));margin-inline:auto}}@media(max-width:640px){.bank-page-hero__inner{gap:var(--myc-space-8)}.bank-page-hero__lead{font-size:var(--myc-text-base)}.bank-page-hero__actions{flex-direction:column}.bank-page-hero__actions .button{width:100%;justify-content:center}.bank-page-hero__proof li{flex-direction:column;gap:var(--myc-space-2);justify-content:center;padding:0 4px;font-size:10px;text-align:center}.bank-page-hero__proof svg{width:18px;height:18px;padding:5px}.bank-page-hero__visual{width:calc(100% - 12px)}.bank-page-hero__visual:before{inset:-10px -10px 10px 10px}.bank-page-hero__frame,.bank-carousel__slide{border-radius:var(--myc-radius-md)}.bank-carousel{padding-block:var(--myc-space-8)}.bank-carousel__track{gap:var(--myc-space-3);padding-inline:6vw}.bank-carousel__slide{flex-basis:88vw}.bank-carousel__arrow{display:none}.bank-carousel__progress{width:calc(100% - 32px);gap:5px;margin-top:var(--myc-space-5)}}@media(max-width:768px){.bank-carousel__arrow{display:none}}@media(prefers-reduced-motion:reduce){.bank-carousel__viewport{scroll-behavior:auto}.bank-carousel__slide,.bank-carousel__arrow,.bank-carousel__progress button:before{transition:none}}.bank-proof{background:var(--myc-navy)}.bank-marquee{position:relative;overflow:hidden;padding-block:var(--myc-space-5);border-bottom:1px solid color-mix(in srgb,var(--c-surface) 12%,transparent);background:var(--myc-navy);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.bank-marquee__track{display:flex;width:max-content;animation:bank-marquee-loop 34s linear infinite;will-change:transform}.bank-marquee:hover .bank-marquee__track{animation-play-state:paused}.bank-marquee__group{display:flex;align-items:center;flex:none}.bank-marquee__item{display:inline-flex;align-items:center;gap:var(--myc-space-2);min-height:40px;margin-inline:6px;padding:8px var(--myc-space-4);border:1px solid color-mix(in srgb,var(--c-surface) 11%,transparent);border-radius:var(--myc-radius-sm);background:color-mix(in srgb,var(--c-surface) 5%,transparent);color:color-mix(in srgb,var(--c-surface) 82%,transparent);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-sm);font-weight:700;letter-spacing:.01em;white-space:nowrap}.bank-marquee__item--accent{border-color:color-mix(in srgb,var(--c-accent-light) 40%,transparent);background:color-mix(in srgb,var(--c-accent-light) 12%,transparent);color:var(--c-accent-light)}.bank-marquee__item svg{width:18px;height:18px;flex:0 0 auto;color:var(--c-accent-light)}@keyframes bank-marquee-loop{to{transform:translate3d(-25%,0,0)}}.bank-stats{padding-block:var(--myc-space-6);background:inherit}.bank-stats__inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--myc-space-6)}.bank-stat{display:flex;flex-direction:column;align-items:center;text-align:center;border-left:1px solid color-mix(in srgb,var(--c-surface) 10%,transparent)}.bank-stat:first-child{border-left:none}.bank-stat__value{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-2xl);font-weight:700;letter-spacing:-.02em;color:var(--c-surface);line-height:1;margin-bottom:var(--myc-space-2)}.bank-stat__label{color:color-mix(in srgb,var(--c-surface) 48%,transparent);font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(8px,.95vw,10px);font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}@media(max-width:1080px){.bank-stats__inner{grid-template-columns:repeat(3,minmax(0,1fr))}.bank-stat:nth-child(4){border-left:none}}@media(max-width:640px){.bank-marquee{padding-block:var(--myc-space-4)}.bank-marquee__item{padding-inline:var(--myc-space-4)}.bank-stats,.bank-stat{padding-block:var(--myc-space-5)}}@media(max-width:520px){.bank-stats__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-stat:nth-child(3),.bank-stat:nth-child(5){border-left:none}.bank-stat:nth-child(4){border-left:1px solid color-mix(in srgb,var(--c-surface) 10%,transparent)}.bank-stat__label{font-size:9px}}@media(prefers-reduced-motion:reduce){.bank-marquee__track{animation:none;transform:none}}.bank-explorer-section{padding-block:clamp(72px,8vw,112px);background:var(--myc-bg)}.bank-explorer-header{text-align:center;max-width:760px;margin-inline:auto;margin-bottom:var(--myc-space-8)}.bank-explorer-header h2{font-size:var(--myc-text-3xl);color:var(--myc-navy);margin-top:var(--myc-space-3);margin-bottom:var(--myc-space-4);letter-spacing:-.02em}.bank-explorer-header .lead{color:var(--myc-fg-muted);font-size:var(--myc-text-md);line-height:1.75}.bank-filter-panel{display:flex;flex-direction:column;gap:var(--myc-space-4);background:var(--c-surface);border:1px solid var(--myc-border);border-radius:var(--myc-radius-lg);padding:var(--myc-space-5);margin-bottom:var(--myc-space-6);box-shadow:var(--myc-shadow-sm)}.filter-group{display:flex;align-items:center;gap:var(--myc-space-4)}.filter-label{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-xs);font-weight:700;color:var(--myc-navy);min-width:110px;flex-shrink:0}.filter-options{display:flex;flex-wrap:wrap;gap:var(--myc-space-2)}.filter-btn{background:transparent;border:1px solid var(--myc-border);padding:6px 14px;border-radius:var(--myc-radius-full);font-size:var(--myc-text-2xs);font-weight:600;color:var(--myc-fg-muted);cursor:pointer;transition:all var(--myc-duration) var(--myc-ease)}.filter-btn:hover{border-color:var(--myc-accent-light);color:var(--myc-accent)}.filter-btn--active{background:var(--myc-navy);border-color:var(--myc-navy);color:var(--c-surface)}.filter-btn--active:hover{color:var(--c-surface);border-color:var(--myc-navy)}.filter-pill{background:color-mix(in srgb,var(--myc-navy) 4%,transparent);border:1px solid transparent;padding:6px 16px;border-radius:var(--myc-radius-full);font-size:var(--myc-text-2xs);font-weight:600;color:var(--myc-navy);cursor:pointer;transition:all var(--myc-duration) var(--myc-ease)}.filter-pill:hover{background:color-mix(in srgb,var(--myc-navy) 8%,transparent)}.filter-pill--active{background:var(--myc-accent);color:var(--c-surface)}.filter-pill--active:hover{background:var(--myc-accent)}.bank-table-container{background:var(--c-surface);border:1px solid var(--myc-border);border-radius:var(--myc-radius-lg);box-shadow:var(--myc-shadow-sm);overflow:hidden}.bank-table{width:100%;border-collapse:collapse;text-align:left}.bank-table th{background:color-mix(in srgb,var(--myc-navy) 2%,transparent);padding:var(--myc-space-4) var(--myc-space-5);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-2xs);font-weight:700;color:var(--myc-navy);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--myc-border)}.bank-table-row{border-bottom:1px solid var(--myc-border);transition:background var(--myc-duration)}.bank-table-row:last-child{border-bottom:none}.bank-table-row:hover{background:color-mix(in srgb,var(--myc-accent) 2%,transparent)}.bank-table-row.is-hidden{display:none!important}.bank-table td{padding:var(--myc-space-4) var(--myc-space-5);vertical-align:middle}.file-info{display:flex;align-items:center;gap:var(--myc-space-3)}.file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-red) 8%,transparent);color:var(--c-red);border-radius:var(--myc-radius-sm);flex-shrink:0}.file-icon svg{width:16px;height:16px}.file-name{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-xs);font-weight:600;color:var(--myc-navy)}.subject-badge{display:inline-flex;font-size:10px;font-weight:700;padding:4px 10px;border-radius:var(--myc-radius-full)}.subject-badge--kup{background:color-mix(in srgb,#434ee1 8%,transparent);color:#434ee1}.subject-badge--pph-op{background:color-mix(in srgb,#34a852 8%,transparent);color:#34a852}.subject-badge--potput{background:color-mix(in srgb,#00a896 8%,transparent);color:#00a896}.subject-badge--ppn{background:color-mix(in srgb,#7c86f2 8%,transparent);color:#7c86f2}.subject-badge--pbb{background:color-mix(in srgb,#f9ab00 8%,transparent);color:#f9ab00}.subject-badge--etik{background:color-mix(in srgb,#b1262d 8%,transparent);color:#b1262d}.volume-text{font-size:var(--myc-text-xs);font-weight:600;color:var(--myc-fg-muted)}.action-view-btn{display:inline-flex;align-items:center;gap:var(--myc-space-2);padding:var(--myc-space-2) var(--myc-space-4);background:var(--myc-navy);color:var(--c-surface);border-radius:var(--myc-radius-full);text-decoration:none;font-size:var(--myc-text-2xs);font-weight:600;box-shadow:var(--myc-shadow-sm);transition:all var(--myc-duration) var(--myc-ease)}.action-view-btn:hover{background:var(--myc-accent);transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--myc-accent) 30%,transparent)}.icon-eye{width:14px;height:14px}.bank-table-empty{display:none;padding:var(--myc-space-8);text-align:center;color:var(--myc-fg-muted);font-size:var(--myc-text-sm);background:var(--c-surface)}.bank-table-empty[aria-hidden=false]{display:block}@media(max-width:900px){.bank-filter-panel{padding:var(--myc-space-4)}.filter-group{flex-direction:column;align-items:flex-start;gap:var(--myc-space-2)}}@media(max-width:640px){.th-subject,.td-subject,.th-volume,.td-volume{display:none}.bank-table th,.bank-table td{padding:var(--myc-space-3) var(--myc-space-4)}.file-name{font-size:11px}.action-view-btn span{display:none}.action-view-btn{padding:8px;border-radius:var(--myc-radius-full)}}.bank-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--myc-duration) var(--myc-ease)}.bank-modal-overlay.is-active{opacity:1;pointer-events:auto}.bank-modal{position:relative;background:var(--c-surface);border:1px solid var(--myc-border);border-radius:var(--myc-radius-lg);box-shadow:var(--myc-shadow-xl);width:min(640px,calc(100% - 32px));padding:clamp(32px,5vw,48px) clamp(24px,4vw,40px);transform:scale(.95);transition:transform var(--myc-duration) var(--myc-ease);text-align:center}.bank-modal-overlay.is-active .bank-modal{transform:scale(1)}.bank-modal__close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--myc-fg-muted);cursor:pointer;padding:4px;border-radius:var(--myc-radius-sm);transition:all var(--myc-duration) var(--myc-ease)}.bank-modal__close:hover{color:var(--c-red);background:color-mix(in srgb,var(--c-red) 8%,transparent)}.bank-modal__close svg{width:20px;height:20px}.bank-modal__icon{width:64px;height:64px;background:color-mix(in srgb,var(--myc-accent) 8%,transparent);color:var(--myc-accent);border-radius:var(--myc-radius-full);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--myc-space-5)}.bank-modal__icon svg{width:28px;height:28px}.bank-modal h3{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--myc-text-xl);font-weight:700;color:var(--myc-navy);margin-bottom:var(--myc-space-3)}.bank-modal__desc{font-size:var(--myc-text-base);color:var(--myc-fg-muted);line-height:1.65;margin-bottom:var(--myc-space-7)}.bank-modal__actions{display:flex;gap:var(--myc-space-3);justify-content:center}.bank-modal__actions .button{flex:1;max-width:220px;justify-content:center;font-size:var(--myc-text-sm);padding:var(--myc-space-3) var(--myc-space-5);font-weight:700}@media(max-width:480px){.bank-modal__actions{flex-direction:column;align-items:center}.bank-modal__actions .button{max-width:100%;width:100%}}