@layer components{.faq-page{min-height:100vh;background:transparent;padding:2rem 0}.faq-page-container{max-width:1200px;margin:0 auto;padding:0 1rem}.faq-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;padding:2rem 0}.faq-page-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),#31413f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 0 10px rgba(22,255,228,.6),0 10px 20px rgba(22,255,228,.1);position:relative}.faq-page-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-20));border-radius:50%;z-index:-1;filter:blur(8px);opacity:.7}.faq-page-title-section{flex:1}.faq-page-main-title{display:flex;flex-direction:column;gap:.5rem;margin:0;font-family:Inter,sans-serif;font-weight:800;line-height:1.1}.faq-page-title-cosmic{font-size:1.5rem;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-50)}.faq-page-title-queries{font-size:3rem;color:var(--color-foreground);text-shadow:0 0 30px var(--color-primary-30)}.faq-page-subtitle{margin:1rem 0 0;font-size:1.125rem;color:var(--color-muted-foreground);font-weight:400}.faq-navigation{margin-bottom:3rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.faq-navigation::-webkit-scrollbar{display:none}.faq-navigation-container{display:flex;gap:1rem;padding:.5rem 0;min-width:-moz-max-content;min-width:max-content;justify-content:center}.faq-nav-item{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--color-muted);border-radius:2rem;color:var(--color-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:Inter,sans-serif}.faq-nav-item:hover{box-shadow:0 0 10px var(--color-primary-20)}.faq-nav-item-active,.faq-nav-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.faq-nav-item-active{box-shadow:0 0 20px var(--color-primary-50)}.faq-nav-item-active:hover{border-color:var(--color-primary);color:var(--color-primary)}.faq-content{margin-bottom:3rem}.faq-content-container{max-width:800px;margin:0 auto}.faq-items{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--color-muted);border:1px solid var(--color-muted);border-radius:1rem;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.faq-item:hover{border-color:var(--color-primary-30);box-shadow:0 0 20px var(--color-primary-10);transform:translateY(-2px)}.faq-item-open{border-color:var(--color-primary);box-shadow:0 0 30px var(--color-primary-20)}.faq-question{display:flex;align-items:center;gap:1rem;position:relative;margin-left:.5rem}.faq-question-number{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-50);flex-shrink:0}.faq-question-text{flex:1;font-size:1.125rem;font-weight:600;color:var(--color-foreground);line-height:1.4}.faq-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-20);border-radius:50%;transition:all .3s ease}.faq-chevron-icon{color:var(--color-primary);transition:transform .3s ease}.faq-chevron-rotated{transform:rotate(180deg)}.faq-answer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-primary-20);animation:fadeInDown .3s ease}.faq-answer-text{margin:0;font-size:1rem;color:var(--color-muted-foreground);line-height:1.6}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-page{padding:1rem 0}.faq-page-container{padding:0 .5rem}.faq-page-header{flex-direction:column;text-align:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 0}.faq-page-icon{width:50px;height:50px}.faq-page-title-cosmic{font-size:1.25rem}.faq-page-title-queries{font-size:2.5rem}.faq-page-subtitle{font-size:1rem}.faq-navigation{margin-bottom:2rem}.faq-navigation-container{gap:.75rem;padding:.25rem 0;justify-content:flex-start}.faq-nav-item{padding:.625rem 1.25rem;font-size:.8rem}.faq-item{padding:1.25rem}.faq-question{gap:.75rem}.faq-question-number{font-size:1.25rem}.faq-question-text{font-size:1rem}.faq-chevron{width:28px;height:28px}.faq-answer-text{font-size:.9rem}}@media (max-width:480px){.faq-page-title-queries{font-size:2rem}.faq-nav-item{padding:.5rem 1rem;font-size:.75rem}.faq-item{padding:1rem}.faq-question-text{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.faq-chevron-icon,.faq-item,.faq-nav-item{transition:none}.faq-answer{animation:none}}@media (prefers-contrast:high){.faq-item,.faq-nav-item{border:2px solid var(--color-foreground)}.faq-nav-item-active{background:var(--color-foreground);color:var(--color-background)}}}