.page-contact{background-color:#0A0A0A;color:#FFF6D6;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.page-contact__hero-section{padding:10px 20px 40px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.page-contact__hero-image{width:100%;overflow:hidden;border-radius:16px;border:1px solid #3A2A12;box-shadow:0 8px 30px rgba(255,211,107,0.08)}
.page-contact__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block}
.page-contact__hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.page-contact__hero-title{font-size:clamp(1.6rem, 3vw, 2.4rem);font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:#FFF6D6;margin:0;max-width:800px;text-shadow:0 2px 8px rgba(0,0,0,0.3)}
.page-contact__hero-title::before,.page-contact__hero-title::after{content:"✨";margin:0 8px}
.page-contact__hero-description{font-size:1.05rem;line-height:1.7;color:#D0DDE7;max-width:700px;margin:0}
.page-contact__hero-actions{display:flex;gap:16px;margin-top:8px}
.page-contact__btn{display:inline-block;padding:14px 32px;border-radius:50px;font-weight:700;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;font-size:1rem;text-align:center;box-sizing:border-box}
.page-contact__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#1A1A1A;box-shadow:0 4px 15px rgba(255,211,107,0.2)}
.page-contact__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,211,107,0.35);color:#1A1A1A}
.page-contact__btn--secondary{background:transparent;color:#F2C14E;border:2px solid #F2C14E}
.page-contact__btn--secondary:hover{background:rgba(242,193,78,0.08);color:#FFD36B;transform:translateY(-2px)}
.page-contact__container{max-width:1200px;margin:0 auto;padding:0 20px}
.page-contact__info-section,.page-contact__form-section,.page-contact__faq-section{padding:48px 0}
.page-contact__section-title{font-size:clamp(1.4rem, 2.5vw, 2rem);font-weight:700;color:#FFF6D6;text-align:center;margin:0 0 12px;line-height:1.3}
.page-contact__section-description{font-size:1rem;color:#D0DDE7;text-align:center;max-width:720px;margin:0 auto 36px;line-height:1.7}
.page-contact__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-contact__info-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow 0.3s}
.page-contact__info-card:hover{box-shadow:0 8px 30px rgba(255,211,107,0.12)}
.page-contact__info-card-image{overflow:hidden;border-radius:12px;border:1px solid #3A2A12}
.page-contact__info-card-image img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-contact__info-card-title{font-size:1.15rem;font-weight:700;color:#F2C14E;margin:0}
.page-contact__info-card-text{font-size:0.9rem;line-height:1.6;color:#D0DDE7;margin:0;flex-grow:1}
.page-contact__info-card-highlight{display:inline-block;padding:8px 16px;background:rgba(242,193,78,0.12);color:#FFD36B;border-radius:8px;font-weight:600;font-size:0.95rem}
.page-contact__info-card-link{display:inline-block;color:#F2C14E;font-weight:600;text-decoration:none;border-bottom:1px solid #F2C14E;padding-bottom:2px;width:fit-content}
.page-contact__info-card-link:hover{color:#FFD36B;border-color:#FFD36B}
.page-contact__form-wrapper{max-width:700px;margin:0 auto;background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:32px}
.page-contact__form{display:flex;flex-direction:column;gap:20px}
.page-contact__form-group{display:flex;flex-direction:column;gap:8px}
.page-contact__form-label{font-weight:600;font-size:0.9rem;color:#FFF6D6}
.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{background:#1A1A1A;border:1px solid #3A2A12;border-radius:10px;padding:12px 16px;color:#FFF6D6;font-size:1rem;transition:border-color 0.2s}
.page-contact__form-input::placeholder,.page-contact__form-textarea::placeholder{color:#A0A8B4}
.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-textarea:focus{outline:none;border-color:#F2C14E}
.page-contact__form-textarea{resize:vertical;min-height:120px}
.page-contact__form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23F2C14E'%3E%3Cpath d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.page-contact__form-submit{
  background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);
  color:#1A1A1A;
  border:none;
  padding:14px 32px;
  border-radius:50px;
  font-weight:700;
  font-size:1rem;
  cursor:pointer;
  transition:transform 0.2s,box-shadow 0.2s;
  align-self:center;
  min-width:200px
}
.page-contact__form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,211,107,0.35)}
.page-contact__form-note{margin-top:20px;font-size:0.9rem;color:#A0A8B4;text-align:center;line-height:1.6}
.page-contact__faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.page-contact__faq-item{background:#111111;border:1px solid #3A2A12;border-radius:12px;padding:4px 20px;overflow:hidden}
.page-contact__faq-question{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;color:#FFF6D6;font-size:1rem}
.page-contact__faq-question::-webkit-details-marker{display:none}
.page-contact__faq-question:hover{color:#FFD36B}
.page-contact__faq-toggle{color:#F2C14E;font-size:1.5rem;line-height:1;flex-shrink:0;font-weight:400}
.page-contact__faq-answer{padding:0 0 20px;color:#D0DDE7;line-height:1.7;font-size:0.95rem}
.page-contact__faq-answer a{color:#F2C14E}
@media (max-width:1024px){
  .page-contact__hero-section{padding:10px 16px 32px}
  .page-contact__info-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .page-contact__hero-section{padding:10px 12px 28px;gap:20px}
  .page-contact__hero-image img{aspect-ratio:2/1}
  .page-contact__hero-title{font-size:1.3rem}
  .page-contact__hero-description{font-size:0.9rem}
  .page-contact__hero-actions{flex-direction:column;width:100%;max-width:100%;gap:12px}
  .page-contact__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:0.95rem;padding:14px 20px}
  .page-contact__info-grid{grid-template-columns:1fr}
  .page-contact__info-card{max-width:100%}
  .page-contact__info-card-image img{max-width:100%!important;height:auto!important}
  .page-contact__form-wrapper{padding:20px}
  .page-contact__form-submit{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:0.95rem;min-width:0}
  .page-contact img{max-width:100%!important;height:auto!important}
  .page-contact__faq-item{padding:2px 16px}
  .page-contact__faq-question{font-size:0.9rem}
  .page-contact{overflow-x:hidden;max-width:100%}
}