.page-contact { color: #FFF3E6; background: #0D0E12; }.page-contact__hero-section { padding: 10px 16px 0; }.page-contact__hero-image-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; }.page-contact__hero-image { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block; max-width: 1200px; }.page-contact__hero-content { text-align: center; padding: 28px 16px; max-width: 1000px; margin: 0 auto; }.page-contact__hero-title { color: #FFF3E6; font-weight: 800; font-size: clamp(1.2rem, 1.4vw + 1rem, 1.8rem); line-height: 1.3; margin: 0 0 20px; }.page-contact__hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }.page-contact__hero-btn { display: inline-block; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; background: linear-gradient(180deg, #FFA53A 0%, #D96800 100%); color: #0D0E12; font-weight: 800; padding: 14px 28px; border-radius: 8px; text-decoration: none; border: 1px solid #A84F0C; }.page-contact__hero-btn:hover { box-shadow: 0 0 16px #FF8C1A; }.page-contact__support-section { padding: 24px 16px; }.page-contact__support-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1200px; margin: 0 auto; }.page-contact__support-card { background: #17191F; border: 1px solid #1A1C23; border-radius: 12px; padding: 24px 16px; text-align: center; display: flex; flex-direction: column; align-items: center; }.page-contact__support-icon { font-size: 2rem; margin-bottom: 12px; color: #FF8C1A; }.page-contact__support-card:hover { border-color: #FF8C1A; }.page-contact__support-title { color: #FFB04D; font-size: 1.1rem; margin: 0 0 12px; font-weight: 700; }.page-contact__support-text { font-size: 0.9rem; line-height: 1.5; margin-bottom: 16px; color: #D0DDE7; }.page-contact__support-btn { display: inline-block; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; background: #17191F; color: #FF8C1A; border: 1px solid #FF8C1A; padding: 8px 16px; border-radius: 6px; text-decoration: none; margin-top: auto; }.page-contact__support-btn:hover { background: #FFA53A; color: #0D0E12; }.page-contact__form-section { padding: 16px 16px 40px; }.page-contact__form-inner { max-width: 1200px; margin: 0 auto; display: flex; gap: 32px; align-items: flex-start; flex-wrap: wrap; }.page-contact__form-card { background: #17191F; border: 1px solid #1A1C23; border-radius: 12px; padding: 32px; flex: 1 1 60%; min-width: 280px; }.page-contact__form-title { color: #FFB04D; font-size: 1.5rem; margin: 0 0 16px; font-weight: 700; }.page-contact__form-subtitle { color: #D0DDE7; margin-bottom: 24px; }.page-contact__form-group { margin-bottom: 16px; }.page-contact__form-group label { display: block; color: #FFF3E6; margin-bottom: 6px; font-weight: 600; }.page-contact__form-group input, .page-contact__form-group select, .page-contact__form-group textarea { width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 8px; border: 2px solid #1A1C23; background: #0D0E12; color: #FFF3E6; font-family: inherit; font-size: 1rem; }.page-contact__form-group input:focus, .page-contact__form-group select:focus, .page-contact__form-group textarea:focus { outline: none; border-color: #FF8C1A; }.page-contact__form-submit { display: inline-block; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; background: linear-gradient(180deg, #FFA53A 0%, #D96800 100%); color: #0D0E12; font-weight: 800; padding: 14px 32px; border-radius: 8px; border: none; width: 100%; cursor: pointer; }.page-contact__form-submit:hover { box-shadow: 0 0 16px #FF8C1A; }.page-contact__form-note { background: #17191F; border: 1px solid #FF8C1A; border-radius: 12px; padding: 24px; flex: 1 1 30%; min-width: 240px; display: flex; gap: 16px; align-items: flex-start; }.page-contact__form-note-icon { font-size: 1.5rem; }.page-contact__form-note p { color: #D0DDE7; font-size: 0.9rem; margin: 0; }.page-contact__policy-section { padding: 16px 16px 48px; }.page-contact__policy-inner { max-width: 1000px; margin: 0 auto; background: #17191F; border: 1px solid #1A1C23; border-radius: 12px; padding: 32px; }.page-contact__policy-title { color: #FFB04D; font-size: 1.5rem; margin-top: 0; font-weight: 700; }.page-contact__policy-inner p { color: #D0DDE7; line-height: 1.8; }.page-contact__policy-inner p strong { color: #FFF3E6; }.page-contact__policy-inner a { color: #FF8C1A; }.page-contact__policy-inner a:hover { color: #FFA53A; }.page-contact__policy-inner h3 { color: #FFB04D; margin-bottom: 8px; }.page-contact__policy-inner ul { padding-left: 24px; }.page-contact__policy-inner li { color: #D0DDE7; margin-bottom: 8px; line-height: 1.6; }.page-contact__policy-inner li strong { color: #FFF3E6; }.page-contact__policy-inner table { width: 100%; border-collapse: collapse; margin-top: 20px; }.page-contact__policy-inner th, .page-contact__policy-inner td { border: 1px solid #1A1C23; padding: 12px; text-align: left; }.page-contact__policy-inner th { background: #0D0E12; color: #FFB04D; }.page-contact__policy-inner td { color: #D0DDE7; }.page-contact__form-confirmation { background: #17191F; border: 1px solid #FF8C1A; border-radius: 12px; padding: 32px; text-align: center; display: none; }.page-contact__form-confirmation h3 { color: #FFB04D; margin: 0 0 12px; }.page-contact__form-confirmation p { color: #D0DDE7; }.page-contact__form-confirmation .page-contact__back-link { color: #FF8C1A; display: inline-block; margin-top: 16px; }.page-contact__error-text { color: #FF5C5C; font-size: 0.9em; margin-top: 6px; }.page-contact__input-error { border: 1px solid #FF5C5C !important; }.page-contact__success-message { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; padding: 20px; border-radius: 8px; margin-bottom: 20px; }.page-contact__success-message h3 { margin-top: 0; }.page-contact__success-message a { color: #155724; }.page-contact__success-message a:hover { color: #0b5e27; }@media (max-width: 1024px) { .page-contact__support-grid { grid-template-columns: repeat(2, 1fr); } .page-contact__form-inner { flex-direction: column; align-items: stretch; } .page-contact__form-note { width: 100%; box-sizing: border-box; } }@media (max-width: 768px) { .page-contact { overflow-x: hidden; }.page-contact__hero-section { padding: 8px 8px 0; }.page-contact__hero-image { aspect-ratio: 2/1; width: 100%; max-width: 100%; }.page-contact__hero-content { padding: 20px 12px; }.page-contact__hero-title { font-size: clamp(1.1rem, 1.2vw + 0.8rem, 1.5rem); }.page-contact__hero-buttons { flex-direction: column; align-items: center; width: 100%; }.page-contact__hero-btn { width: 100%; box-sizing: border-box; text-align: center; }.page-contact__support-section { padding: 12px 8px; }.page-contact__support-grid { grid-template-columns: 1fr; gap: 12px; }.page-contact__support-card { padding: 16px; }.page-contact__form-section { padding: 12px 8px 24px; }.page-contact__form-card, .page-contact__form-note { padding: 20px; }.page-contact__policy-section { padding: 12px 8px 32px; }.page-contact__policy-inner { padding: 20px; }.page-contact img { max-width: 100%; height: auto; }.page-contact__form-submit { white-space: normal; overflow: hidden; } }