.faq{width:min(900px,100%);margin:0 auto;padding:82px 20px;color:#fff}.faq__header{text-align:center;margin-bottom:45px}.faq__header h2{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:750;letter-spacing:-.03em;text-transform:uppercase}.faq__header p{max-width:600px;margin:16px auto 0;color:hsla(0,0%,100%,.65);font-size:15px;line-height:1.8}.faq__list{display:flex;flex-direction:column;gap:18px}.faq__item{border-radius:22px;overflow:hidden;border:1px solid hsla(0,0%,100%,.07);background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 hsla(0,0%,100%,.04);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.faq__item:hover{border-color:rgba(201,152,42,.25);box-shadow:0 24px 55px rgba(0,0,0,.25),0 0 24px rgba(201,152,42,.05),inset 0 1px 0 hsla(0,0%,100%,.05)}.faq__item.active{border-color:rgba(201,152,42,.35);background:linear-gradient(180deg,rgba(201,152,42,.07),hsla(0,0%,100%,.02))}.faq__question{width:100%;border:0;background:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;color:#fff;text-align:left;font-size:17px;font-weight:700;line-height:1.5;transition:color .25s ease}.faq__item.active .faq__question,.faq__question:hover{color:#c9982a}.faq__icon{width:40px;height:40px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(201,152,42,.3);background:linear-gradient(135deg,rgba(201,152,42,.14),rgba(201,152,42,.04));transition:all .3s ease}.faq__icon span{position:absolute;width:16px;height:2px;border-radius:20px;background:#c9982a;transition:all .3s ease}.faq__icon span:last-child{transform:rotate(90deg)}.faq__item.active .faq__icon{transform:rotate(180deg)}.faq__item.active .faq__icon span:last-child{opacity:0;transform:rotate(0deg)}.faq__answer{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.faq__answer p{margin:0;border-top:1px solid hsla(0,0%,100%,.05);padding:22px 28px 28px;color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.9}.faq__item.active .faq__answer{max-height:300px;opacity:1}@media(max-width:700px){.faq{padding:70px 16px}.faq__question{padding:20px;font-size:15px;gap:16px}.faq__icon{width:34px;height:34px}.faq__icon span{width:14px}.faq__answer p{padding:20px;font-size:14px}}