/**
 * FAQ page — styles from FAQ.html.
 */

/* Match homepage / shared page hero timing */
@keyframes kr-tag-in{0%{opacity:0;transform:rotate(-2deg) translateY(-14px) scale(.85)}60%{opacity:1;transform:rotate(-2deg) translateY(2px) scale(1.04)}100%{opacity:1;transform:rotate(-2deg) translateY(0) scale(1)}}
@keyframes kr-tag-glow{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.55)}50%{box-shadow:0 0 0 9px rgba(212,175,55,0)}}
.kr-tag-anim{animation:kr-tag-in .8s cubic-bezier(.34,1.56,.64,1) both,kr-tag-glow 2.4s ease-in-out .8s infinite}

@keyframes kr-hero-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.kr-hero-title-anim{background:linear-gradient(90deg,#f7f5ef 0%,#f7f5ef 40%,#d4af37 50%,#f7f5ef 60%,#f7f5ef 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:kr-hero-shimmer 3.5s linear infinite}

.kr-faq-q{position:relative;display:inline-block;transition:color .25s ease;padding-left:20px}
.kr-faq-q::before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#d4af37;animation:kr-badge-pulse 1.8s ease-in-out infinite}
.kr-faq-q::after{content:'';position:absolute;left:20px;bottom:-3px;width:0;height:2px;background:#d4af37;transition:width .35s ease}
@keyframes kr-badge-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}
.kr-hover-lift:hover .kr-faq-q{color:#a8842a}
.kr-hover-lift:hover .kr-faq-q::after{width:calc(100% - 20px)}