.detail-layout{display: grid;grid-template-columns: 1fr 2fr;gap: 3rem;align-items: start}.detail-sidebar{background: var(--bg-card);border: 1px solid var(--border);border-radius: 20px;padding: 2.5rem 2rem;box-shadow: 0 6px 24px var(--shadow);text-align: center;position: sticky;top: 100px}@media(max-width: 900px){.detail-layout{grid-template-columns: 1fr;gap: 2rem}.detail-sidebar{position: relative;top: auto;padding: 2rem 1.5rem}}.detail-back-btn{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.85rem;font-weight: 700;color: var(--text-muted);background: var(--bg-2);border: 1px solid var(--border);padding: 0.6rem 1.2rem;border-radius: 8px;cursor: pointer;transition: all 0.3s;margin-bottom: 2rem;width: 100%;justify-content: center;text-decoration: none}.detail-back-btn:hover{background: var(--navy);color: #fff;border-color: var(--navy)}[data-theme="dark"] .detail-back-btn:hover{background: var(--gold);color: var(--navy);border-color: var(--gold)}.detail-logo-container{width: 130px;height: 130px;margin: 0 auto 1.5rem;background: var(--bg-2);border: 3px solid var(--gold);border-radius: 50%;padding: 1rem;display: flex;align-items: center;justify-content: center;position: relative;box-shadow: 0 8px 24px rgba(0,0,0,0.1)}.detail-logo-container img{max-width: 100%;max-height: 100%;object-fit: contain;position: relative;z-index: 1}.detail-logo-backlight{position: absolute;inset: -10px;border-radius: 50%;background: radial-gradient(circle,rgba(196,154,43,0.2) 0%,transparent 70%);z-index: 0;animation: pulseGlow 3s infinite ease-in-out}@keyframes pulseGlow{0%,100%{transform: scale(1);opacity: 0.5}50%{transform: scale(1.15);opacity: 0.9}}.detail-instansi-name{font-family: 'Cinzel',serif;font-size: 1.35rem;font-weight: 700;color: var(--text);margin-bottom: 0.75rem;line-height: 1.3}.detail-instansi-desc{font-size: 0.85rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 2rem}.detail-info-block{text-align: left;margin-bottom: 1.5rem;border-top: 1px solid var(--border);padding-top: 1.25rem}.info-block-title{font-size: 0.75rem;font-weight: 800;text-transform: uppercase;color: var(--gold);letter-spacing: 0.05em;margin-bottom: 0.5rem;display: flex;align-items: center;gap: 0.4rem}.info-block-content{font-size: 0.88rem;color: var(--text);line-height: 1.6}.info-block-content a{color: var(--accent);text-decoration: none;font-weight: 600;transition: color 0.2s}.info-block-content a:hover{color: var(--accent-light)}.detail-content{display: flex;flex-direction: column;gap: 1.5rem}.detail-content-title{font-family: 'Cinzel',serif;font-size: 1.25rem;font-weight: 700;color: var(--text);border-bottom: 2px solid var(--border);padding-bottom: 0.75rem;margin-bottom: 0.5rem;display: flex;align-items: center;justify-content: space-between}.instansi-layanan-count{display: inline-block;font-size: 0.75rem;font-weight: 700;color: var(--accent);background: rgba(196,154,43,0.12);padding: 0.3rem 0.8rem;border-radius: 30px}.services-accordion{display: flex;flex-direction: column;gap: 1rem}.accordion-item{background: var(--bg-card);border: 1px solid var(--border);border-radius: 12px;overflow: hidden;transition: all 0.3s ease}.accordion-item.active{border-color: var(--gold);box-shadow: 0 4px 16px var(--shadow)}.accordion-header{padding: 1.25rem 1.5rem;display: flex;align-items: center;justify-content: space-between;cursor: pointer;user-select: none;gap: 1rem}.accordion-header:hover{background: rgba(196,154,43,0.04)}.accordion-header-left{display: flex;align-items: flex-start;gap: 0.75rem;min-width: 0}.accordion-dot{width: 6px;height: 6px;background: var(--gold);border-radius: 50%;flex-shrink: 0;margin-top: 0.45rem}.accordion-title{font-size: 0.95rem;font-weight: 700;color: var(--text);line-height: 1.4;word-break: break-word}.accordion-badge{font-size: 0.7rem;font-weight: 700;background: var(--bg-2);border: 1px solid var(--border);color: var(--text-muted);padding: 0.25rem 0.6rem;border-radius: 4px;white-space: nowrap}.accordion-chevron{font-size: 0.9rem;color: var(--text-muted);transition: transform 0.3s}.accordion-item.active .accordion-chevron{transform: rotate(180deg);color: var(--gold)}.accordion-body{max-height: 0;overflow: hidden;transition: max-height 0.4s cubic-bezier(0.25,0.8,0.25,1);background: var(--bg-2);border-top: 0 solid var(--border)}.accordion-item.active .accordion-body{border-top-width: 1px}.accordion-body-inner{padding: 1.5rem;display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem}@media(max-width: 600px){.accordion-body-inner{grid-template-columns: 1fr;gap: 1.25rem}}.accordion-data-block{display: flex;flex-direction: column;gap: 0.4rem}.accordion-data-label{font-size: 0.72rem;font-weight: 800;text-transform: uppercase;color: var(--text-muted);letter-spacing: 0.05em;margin-bottom: 0.5rem}.accordion-data-val{font-size: 0.88rem;color: var(--text);font-weight: 700}.accordion-data-val.cost-highlight{color: var(--accent)}.accordion-req-list{margin: 0;padding-left: 1.2rem;font-size: 0.82rem;color: var(--text);line-height: 1.6;grid-column: span 2}@media(max-width: 600px){.accordion-req-list{grid-column: span 1}}.accordion-req-list li{margin-bottom: 0.35rem}.search-container{max-width: 650px;margin: 0 auto;position: relative;z-index: 10}.search-box{position: relative;background: var(--bg-card);border: 2px solid var(--border);border-radius: 50px;padding: 0.25rem 0.5rem;display: flex;align-items: center;box-shadow: 0 8px 30px rgba(0,0,0,0.15);transition: all 0.3s ease}.search-box:focus-within{border-color: var(--gold);box-shadow: 0 8px 30px rgba(196,154,43,0.25);transform: translateY(-2px)}.search-icon{font-size: 1.2rem;color: var(--gold);margin-left: 1.25rem;margin-right: 0.75rem}.search-box input{flex: 1;min-width: 0;border: none;background: transparent;padding: 0.8rem 0.5rem;font-size: 1rem;color: var(--text);outline: none}.search-box input::placeholder{color: var(--text-muted);opacity: 0.8}.clear-search{background: var(--bg-2);border: 1px solid var(--border);color: var(--text-muted);width: 32px;height: 32px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s;margin-right: 0.5rem;flex-shrink: 0}.clear-search:hover{background: var(--crimson);color: #fff;border-color: var(--crimson)}.search-results-info{font-size: 0.9rem;color: var(--text-muted);margin-bottom: 2rem;display: none;align-items: center;gap: 0.5rem}.empty-state{display: none;text-align: center;padding: 4rem 2rem;background: var(--bg-card);border: 1px dashed var(--border);border-radius: 16px;max-width: 500px;margin: 2rem auto}.empty-icon{font-size: 3.5rem;color: var(--text-muted);margin-bottom: 1.5rem;opacity: 0.6}.empty-state h3{font-family: 'Cinzel',serif;font-size: 1.1rem;font-weight: 700;color: var(--text);margin-bottom: 0.5rem}.empty-state p{font-size: 0.82rem;color: var(--text-muted)}