.page-support{background-color:#0A0A0A;color:#FFF6D6;font-family:'Inter','Segoe UI',Arial,sans-serif;line-height:1.6;overflow-x:hidden}
.page-support a{transition:opacity .3s ease}
.page-support img{max-width:100%;height:auto;border-radius:8px}
.page-support__hero-section,.page-support__title-section{padding-top:10px}
.page-support__hero{padding:0 0 20px;border-bottom:1px solid #3A2A12}
.page-support__hero-image-wrapper{margin-bottom:24px}
.page-support__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;display:block;margin:0 auto}
.page-support__hero-content{text-align:center;padding:0 16px}
.page-support__hero-title{color:#FFF6D6;font-weight:800;text-transform:uppercase;line-height:1.25;letter-spacing:.5px;max-width:900px;margin:0 auto 8px;font-size:clamp(1.1rem,2.2vw,1.6rem)}
.page-support__hero-subtitle{color:#FFD36B;font-size:clamp(.95rem,1.2vw,1.1rem);max-width:760px;margin:0 auto 20px;opacity:.9}
.page-support__hero-cta,.page-support__contact-cta,.page-support__form-submit,.page-support__payment-cta{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111;border:none;padding:14px 28px;border-radius:999px;font-weight:700;text-decoration:none;display:inline-block;font-size:1rem;box-shadow:0 4px 15px rgba(242,193,78,.25);cursor:pointer;text-align:center}
.page-support__hero-cta:hover,.page-support__contact-cta:hover,.page-support__form-submit:hover,.page-support__payment-cta:hover{opacity:.9}
.page-support__section-title{color:#F2C14E;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:800;text-align:center;margin:40px 0 12px;position:relative}
.page-support__section-title::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#F2C14E,#FFD36B);margin:8px auto 0;border-radius:2px}
.page-support__intro{padding:12px 16px 24px;background:#0A0A0A}
.page-support__intro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:24px auto 0}
.page-support__intro-item{background:#111111;border:1px solid #3A2A12;padding:24px 20px;border-radius:12px;text-align:center;transition:transform .2s}
.page-support__intro-item:hover{transform:translateY(-5px)}
.page-support__intro-icon{margin-bottom:12px}
.page-support__intro-icon img{width:200px;height:200px;object-fit:cover;border-radius:16px}
.page-support__intro-heading{color:#F2C14E;font-size:1.1rem;margin:0 0 10px;line-height:1.4}
.page-support__intro-text{color:#FFF6D6;font-size:.9rem;opacity:.8;margin:0}
.page-support__faq{max-width:900px;margin:0 auto;padding:10px 16px 40px}.page-support__faq-desc{text-align:center;color:#FFF6D6;opacity:.8;max-width:700px;margin:0 auto 28px}
.page-support__faq-list{display:flex;flex-direction:column;gap:12px}
.page-support__faq-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;overflow:hidden}
.page-support__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;color:#FFD36B;font-weight:600;font-size:1.05rem}
.page-support__faq-question::-webkit-details-marker{display:none}
.page-support__faq-question:hover{background:#1a1a1a}
.page-support__faq-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#F2C14E;color:#111;border-radius:50%;font-weight:800;flex-shrink:0;transition:background .3s}.page-support__faq-item[open] .page-support__faq-icon{background:#FFD36B}.page-support__faq-answer{padding:0 20px 18px;color:#FFF6D6;opacity:.85;line-height:1.7}
.page-support__guide{background:#0A0A0A;padding:12px 16px 40px;border-top:1px solid #3A2A12;border-bottom:1px solid #3A2A12}
.page-support__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:24px auto 0}
.page-support__guide-item{background:#111111;border:1px solid #3A2A12;overflow:hidden;border-radius:12px;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.page-support__guide-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(242,193,78,.15)}
.page-support__guide-image{width:100%;overflow:hidden}
.page-support__guide-image img{width:100%;aspect-ratio:2/1;object-fit:cover;transition:transform .3s}
.page-support__guide-item:hover .page-support__guide-image img{transform:scale(1.02)}
.page-support__guide-title{font-size:1.1rem;color:#F2C14E;margin:16px 16px 8px;
line-height:1.3}
.page-support__guide-text{font-size:.9rem;color:#FFF6D6;opacity:.7;margin:0 16px 16px;flex-grow:1}
.page-support__guide-link{display:inline-block;margin:0 16px 16px;color:#f5b942;font-weight:700;text-decoration:none;font-size:.9rem}
.page-support__guide-link:hover{color:#FFD36B;text-decoration:underline}
.page-support__payment{background:#111111;border-radius:16px;max-width:1200px;margin:32px auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;padding:24px;border:1px solid #3A2A12}
.page-support__payment img{width:400px;max-width:100%;border-radius:8px;border:1px solid #3A2A12}
.page-support__payment-content{flex:1 1 320px;min-width:260px}.page-support__payment-title{color:#FFD36B;font-size:1.5rem;line-height:1.3;margin:0 0 8px}.page-support__payment-text{color:#FFF6D6;opacity:.8;font-size:.95rem;margin:0 0 12px}
.page-support__payment-cta{margin-top:12px}
.page-support__security{max-width:1200px;padding:10px 16px 40px;margin:0 auto}
.page-support__security-desc{text-align:center;color:#FFF6D6;opacity:.8;max-width:760px;margin:0 auto 32px}
.page-support__security-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-support__security-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;padding:24px;text-align:center}
.page-support__security-heading{color:#F2C14E;font-size:1rem;margin:0 0 10px}
.page-support__security-text{color:#FFF6D6;font-size:.9rem;opacity:.75;margin:0}
.page-support__contact{background:#111111;border-top:1px solid #3A2A12;padding:20px 20px 40px;border-radius:24px 24px 0 0}
.page-support__contact-desc{text-align:center;color:#FFF6D6;opacity:.8;max-width:720px;margin:0 auto 28px}
.page-support__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto}
.page-support__form{background:#0A0A0A;border:1px solid #3A2A12;border-radius:12px;padding:24px}
.page-support__form-field{margin-bottom:16px}
.page-support__form-label{display:block;color:#F2C14E;font-size:.9rem;margin-bottom:6px}
.page-support__form-input,.page-support__form-textarea{width:100%;box-sizing:border-box;background:#111;

border:1px solid #3A2A12;color:#FFF6D6;padding:12px 14px;border-radius:8px;font-size:1rem;font-family:inherit}
.page-support__form-input::placeholder,.page-support__form-textarea::placeholder{color:#777;opacity:.6}
.page-support__form-input:focus,.page-support__form-textarea:focus{outline:2px solid #F2C14E;border-color:#F2C14E}
.page-support__form-submit{width:100%;font-size:1rem}
.page-support__contact-info{display:flex;flex-direction:column;justify-content:center;gap:24px}
.page-support__contact-heading{color:#F2C14E;font-size:1.2rem;margin:0 0 8px}
.page-support__contact-text{color:#FFF6D6;opacity:.75;font-size:.95rem;margin:0 0 16px}
.page-support__contact-link{color:#FFD36B;text-decoration:underline;font-weight:600}
@media (max-width:1024px){.page-support__intro-grid{grid-template-columns:repeat(2,1fr)}.page-support__guide-grid{grid-template-columns:repeat(2,1fr)}.page-support__security-wrapper{grid-template-columns:repeat(2,1fr)}.page-support__contact-grid{grid-template-columns:1fr}}
@media (max-width:768px){.page-support__hero-image-width{width:100%}.page-support__hero-image{width:100%;aspect-ratio:2/1;border-radius:8px}
.page-support__hero{display:flex;flex-direction:column}
.page-support__hero-content h1{font-size:clamp(.9rem,3.5vw,1.2rem)}
.page-support__hero-subtitle{font-size:clamp(.8rem,3.8vw,.95rem)}
.page-support__intro-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 4px}
.page-support__intro-item{padding:14px 8px}
.page-support__intro-item img,.page-support__intro-icon img{width:100%;max-width:100%;height:auto}.page-support__intro-heading{font-size:.85rem;margin-bottom:6px}.page-support__intro-text{font-size:.78rem;opacity:.7;line-height:1.4}
.page-support__section-title{margin-top:28px}.page-support__section-title::after{margin-bottom:6px}.page-support__faq-list{gap:10px}.page-support__faq-question{font-size:.9rem;padding:12px}
.page-support__faq-answer{padding:0 12px 12px}.page-support__guide{padding:0 12px 30px}.page-support__guide-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.page-support__guide-item{border-radius:8px}.page-support__guide-title{font-size:.95rem;margin:10px 12px 6px}.page-support__guide-text{font-size:.8rem;margin:0 12px 10px;line-height:1.4}.page-support__guide-link{margin:0 12px 12px;font-size:.8rem}
.page-support__payment{flex-direction:column;text-align:center}.page-support__payment-title{font-size:1.2rem}.page-support__payment-cta{word-break:break-word}
.page-support__security{padding:0 12px 24px}.page-support__security-desc{margin-bottom:20px}.page-support__security-wrapper{grid-template-columns:repeat(2,1fr);gap:10px}.page-support__security-item{padding:16px 12px}
.page-support__security-text{font-size:.8rem}.page-support__security-heading{font-size:.9rem}
.page-support__contact{margin:0;padding:0 12px 24px;border-radius:0}.page-support__contact-grid{grid-template-columns:1fr;gap:20px;padding:0 8px}.page-support__contact-desc{margin-bottom:20px;font-size:.95rem;text-align:left;padding:0 8px}
.page-support__contact-text{word-break:break-word}.page-support__form-submit{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:.95rem}
.page-support__contact-cta,.page-support__payment-cta{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:.9rem}
.page-support__btn-wrapper{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-support a{word-break:break-word}
.page-support__form-input,.page-support__form-textarea{font-size:.9rem}
.page-support img{max-width:100%!important;height:auto!important}}