.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s,border-color .2s}.faq-item:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.faq-item:last-child{margin-bottom:0}.faq-item.active{border-color:#93c5fd;box-shadow:0 4px 12px #3b82f61a}.faq-question{font-size:.95rem;font-weight:600;color:#1e293b;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.faq-question:hover{color:#1e40af}.faq-question .faq-chevron{flex-shrink:0;transition:transform .3s;color:#94a3b8;margin-top:3px}.faq-item.active .faq-question{color:#1e40af}.faq-item.active .faq-chevron{transform:rotate(180deg);color:#1e40af}.faq-answer{display:none;margin-top:12px;font-size:.9rem;color:#475569;line-height:1.8}.faq-answer p{margin-bottom:10px}.faq-item.active .faq-answer{display:block}.faq-kategori-title{font-size:.8rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.5px;margin:28px 0 12px;padding-bottom:8px;border-bottom:2px solid #dbeafe}.faq-kategori-title:first-child{margin-top:0}[data-theme=dark] .faq-question,body.dark-mode .faq-question{color:#e2e8f0}[data-theme=dark] .faq-question:hover,[data-theme=dark] .faq-item.active .faq-question,body.dark-mode .faq-question:hover,body.dark-mode .faq-item.active .faq-question{color:#93c5fd}[data-theme=dark] .faq-answer,body.dark-mode .faq-answer{color:#94a3b8}[data-theme=dark] .faq-item,body.dark-mode .faq-item{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0003}[data-theme=dark] .faq-item:hover,body.dark-mode .faq-item:hover{border-color:#475569;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .faq-item.active,body.dark-mode .faq-item.active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .faq-kategori-title,body.dark-mode .faq-kategori-title{color:#93c5fd;border-color:#1e3a5f}[data-theme=dark] .faq-item.active .faq-chevron,body.dark-mode .faq-item.active .faq-chevron{color:#93c5fd}[data-theme=dark] .faq-chevron,body.dark-mode .faq-chevron{color:#64748b}