.support-hero{background:linear-gradient(180deg, var(--color-bg-primary) 0%, var(--color-bg-tertiary) 50%, var(--color-bg-primary) 100%);justify-content:center;align-items:center;min-height:45vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.support-hero:before{content:"";pointer-events:none;background:radial-gradient(#c8a96e14 0%,#0000 70%);position:absolute;inset:0}.support-hero__content{z-index:2;text-align:center;animation:.8s forwards fadeInUp;position:relative}.support-hero__icon{color:var(--color-gold);filter:drop-shadow(0 0 12px #c8a96e80);margin-bottom:20px;animation:3s ease-in-out infinite float}.support-hero__title{font-family:var(--font-heading);color:var(--color-gold);text-shadow:0 0 30px #c8a96e4d;margin-bottom:12px;font-size:clamp(2.5rem,5vw,4rem)}.support-hero__subtitle{font-family:var(--font-body);color:var(--color-text-secondary);max-width:500px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem)}.support-hero__ornament{background:linear-gradient(90deg, transparent, var(--color-gold), transparent);opacity:.4;width:120px;height:1px;position:absolute;top:50%}.support-hero__ornament--left{left:5%;transform:translateY(-50%)}.support-hero__ornament--right{right:5%;transform:translateY(-50%)}.support-hero__particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.support-hero__particle{background:var(--color-gold);opacity:0;border-radius:50%;width:3px;height:3px;animation:8s infinite particleFloat;position:absolute}.support-hero__particle:first-child{animation-duration:7s;animation-delay:.5s;left:12%}.support-hero__particle:nth-child(2){animation-duration:9s;animation-delay:2s;left:28%}.support-hero__particle:nth-child(3){animation-duration:6s;animation-delay:3.5s;left:42%}.support-hero__particle:nth-child(4){animation-duration:10s;animation-delay:1s;left:58%}.support-hero__particle:nth-child(5){animation-duration:8s;animation-delay:2.8s;left:72%}.support-hero__particle:nth-child(6){animation-duration:7.5s;animation-delay:4.2s;left:88%}.support-hero__particle:nth-child(7){animation-duration:9s;animation-delay:5.5s;left:18%}.support-hero__particle:nth-child(8){animation-duration:6.5s;animation-delay:1.5s;left:65%}.support-faq{background:var(--color-bg-primary)}.faq__list{flex-direction:column;gap:0;max-width:800px;margin:0 auto;display:flex}.faq__item{border-bottom:1px solid var(--color-border);transition:border-color .3s}.faq__item:last-child{border-bottom:none}.faq__item--open{border-bottom-color:var(--color-gold)}.faq__question{cursor:pointer;width:100%;font-family:var(--font-heading);color:var(--color-text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 8px;font-size:1rem;transition:color .3s;display:flex}.faq__question:hover,.faq__item--open .faq__question{color:var(--color-gold)}.faq__question-left{align-items:center;gap:14px;display:flex}.faq__question-icon{color:var(--color-gold);opacity:.7;flex-shrink:0}.faq__item--open .faq__question-icon{opacity:1}.faq__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .35s,color .3s}.faq__chevron--open{color:var(--color-gold);transform:rotate(180deg)}.faq__answer{opacity:0;max-height:0;transition:max-height .4s,opacity .3s;overflow:hidden}.faq__answer--open{opacity:1;max-height:300px}.faq__answer-inner{padding:0 8px 22px 42px}.faq__answer-inner p{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.95rem;line-height:1.7}.support-ticket{background:var(--color-bg-secondary)}.ticket__form{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.ticket__row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ticket__field{flex-direction:column;gap:8px;display:flex}.ticket__label{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-gold);align-items:center;gap:8px;font-size:.8rem;display:flex}.ticket__input{width:100%;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;outline:none;padding:14px 16px;font-size:.95rem;transition:all .3s}.ticket__input::placeholder{color:var(--color-text-muted)}.ticket__input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c8a96e1a}.ticket__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c8a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.ticket__select option{background:var(--color-bg-primary);color:var(--color-text-primary)}.ticket__textarea{resize:vertical;min-height:140px}.ticket__submit{align-self:flex-start;margin-top:8px}.support-contact{background:var(--color-bg-primary)}.contact__grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:700px;margin:0 auto;display:grid}.contact__card{text-align:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:40px 24px;text-decoration:none;transition:all .4s;display:flex}.contact__card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-gold);transform:translateY(-5px)}.contact__card-icon{border:1px solid var(--color-border);width:64px;height:64px;color:var(--color-gold);background:#c8a96e1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.contact__card:hover .contact__card-icon{border-color:var(--color-gold);background:#c8a96e33;box-shadow:0 0 20px #c8a96e40}.contact__card-title{font-family:var(--font-heading);color:var(--color-gold);margin-bottom:8px;font-size:1.1rem}.contact__card-text{font-family:var(--font-body);color:var(--color-text-secondary);word-break:break-all;font-size:.9rem}@media (max-width:768px){.support-hero{min-height:35vh;padding:100px 16px 40px}.support-hero__ornament{display:none}.ticket__row,.contact__grid{grid-template-columns:1fr}.faq__question{padding:18px 4px;font-size:.95rem}.faq__answer-inner{padding:0 4px 18px 36px}}@media (max-width:480px){.support-hero{min-height:28vh;padding:90px 16px 30px}.support-hero__icon{width:36px;height:36px}.faq__question{gap:10px;font-size:.88rem}.faq__question-left{gap:10px}.faq__question-icon{width:16px;height:16px}.ticket__submit{align-self:stretch}.contact__card{padding:28px 16px}}
