.contact-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#ffffff 50%);padding:40px 0 80px}.contact-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.contact-page .contact-hero{text-align:center;margin-bottom:80px;padding:60px 0}.contact-page .contact-hero h1{font-size:48px;font-weight:700;color:#1f2937;margin-bottom:24px;line-height:1.2}.contact-page .contact-hero p{font-size:20px;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}.contact-page .contact-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;margin-bottom:100px}.contact-page .contact-info h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:40px}.contact-page .contact-info .contact-methods{display:flex;flex-direction:column;gap:32px}.contact-page .contact-info .contact-method{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:all .3s ease}.contact-page .contact-info .contact-method:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-page .contact-info .contact-method .contact-icon{font-size:24px;color:var(--primary-color);background:rgba(50,83,250,.1);padding:12px;border-radius:12px;margin-top:4px}.contact-page .contact-info .contact-method div{flex:1 1}.contact-page .contact-info .contact-method div h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.contact-page .contact-info .contact-method div p{font-size:16px;color:#374151;margin-bottom:4px;line-height:1.5}.contact-page .contact-info .contact-method div p a{color:var(--primary-color);text-decoration:none;font-weight:500}.contact-page .contact-info .contact-method div p a:hover{text-decoration:underline}.contact-page .contact-info .contact-method div span{font-size:14px;color:#6b7280;font-style:italic}.contact-page .contact-form-section h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:40px}.contact-page .contact-form-section .contact-form-wrapper{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e5e7eb}.contact-page .contact-form-section .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.contact-page .contact-form-section .contact-form .ant-form-item{margin-bottom:24px}.contact-page .contact-form-section .contact-form .ant-form-item .ant-form-item-label{padding-bottom:8px}.contact-page .contact-form-section .contact-form .ant-form-item .ant-form-item-label label{font-weight:600;color:#374151;font-size:15px}.contact-page .contact-form-section .contact-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before{color:#ef4444}.contact-page .contact-form-section .contact-form .ant-form-item .ant-input,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-affix-wrapper,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-data-count,.contact-page .contact-form-section .contact-form .ant-form-item .ant-select-selector{border-radius:8px;border:1px solid #d1d5db;transition:all .3s ease;background:#fff;font-size:15px}.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-affix-wrapper:hover,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-data-count:hover,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input:hover,.contact-page .contact-form-section .contact-form .ant-form-item .ant-select-selector:hover{border-color:var(--primary-color)}.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-affix-wrapper.ant-select-focused .ant-select-selector,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-affix-wrapper:focus,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-data-count.ant-select-focused .ant-select-selector,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input-data-count:focus,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input.ant-select-focused .ant-select-selector,.contact-page .contact-form-section .contact-form .ant-form-item .ant-input:focus,.contact-page .contact-form-section .contact-form .ant-form-item .ant-select-selector.ant-select-focused .ant-select-selector,.contact-page .contact-form-section .contact-form .ant-form-item .ant-select-selector:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(50,83,250,.1)}.contact-page .contact-form-section .contact-form .ant-form-item .ant-input{padding:12px 16px;height:48px}.contact-page .contact-form-section .contact-form .ant-form-item .ant-select-selector{padding:8px 16px;min-height:48px}.contact-page .contact-form-section .contact-form .ant-form-item .ant-select-selector .ant-select-selection-item{line-height:30px}.contact-page .contact-form-section .contact-form .ant-form-item textarea.ant-input{padding:16px;resize:vertical;min-height:120px;line-height:1.6}.contact-page .contact-form-section .contact-form .contact-submit-btn{background:var(--primary-color);border-color:var(--primary-color);border-radius:8px;height:48px;font-size:16px;font-weight:600;transition:all .3s ease}.contact-page .contact-form-section .contact-form .contact-submit-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,83,250,.3)}.contact-page .contact-form-section .contact-form .contact-submit-btn:focus{background:var(--primary-color);border-color:var(--primary-color)}.contact-page .contact-form-section .contact-form .contact-submit-btn .anticon{margin-right:8px}.contact-page .contact-form-section .ant-form-item-has-error .ant-input,.contact-page .contact-form-section .ant-form-item-has-error .ant-input-affix-wrapper,.contact-page .contact-form-section .ant-form-item-has-error .ant-select-selector{border-color:#ef4444}.contact-page .contact-form-section .ant-form-item-has-error .ant-input-affix-wrapper:focus,.contact-page .contact-form-section .ant-form-item-has-error .ant-input-affix-wrapper:hover,.contact-page .contact-form-section .ant-form-item-has-error .ant-input:focus,.contact-page .contact-form-section .ant-form-item-has-error .ant-input:hover,.contact-page .contact-form-section .ant-form-item-has-error .ant-select-selector:focus,.contact-page .contact-form-section .ant-form-item-has-error .ant-select-selector:hover{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.contact-page .contact-form-section .ant-form-item-explain-error{color:#ef4444;font-size:13px;margin-top:6px}.contact-page .contact-faq{text-align:center}.contact-page .contact-faq h2{font-size:36px;font-weight:600;color:#1f2937;margin-bottom:60px}.contact-page .contact-faq .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;max-width:1000px;margin:0 auto}.contact-page .contact-faq .faq-item{text-align:left;padding:32px;background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:all .3s ease}.contact-page .contact-faq .faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-page .contact-faq .faq-item h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;line-height:1.4}.contact-page .contact-faq .faq-item p{font-size:15px;color:#6b7280;line-height:1.6;margin:0}@media(max-width:1024px){.contact-page .contact-content{gap:60px}.contact-page .contact-faq .faq-grid{gap:24px}.contact-page .contact-faq .faq-item{padding:28px}}@media(max-width:768px){.contact-page{padding:30px 0 60px}.contact-page .container{padding:0 16px}.contact-page .contact-hero{margin-bottom:60px;padding:40px 0}.contact-page .contact-hero h1{font-size:36px;margin-bottom:20px}.contact-page .contact-hero p{font-size:18px}.contact-page .contact-content{grid-template-columns:1fr;gap:50px;margin-bottom:80px}.contact-page .contact-info h2{font-size:28px;margin-bottom:30px}.contact-page .contact-info .contact-methods{gap:24px}.contact-page .contact-info .contact-method{padding:20px;gap:16px}.contact-page .contact-info .contact-method .contact-icon{font-size:20px;padding:10px}.contact-page .contact-info .contact-method div h3{font-size:16px}.contact-page .contact-info .contact-method div p{font-size:15px}.contact-page .contact-info .contact-method div span{font-size:13px}.contact-page .contact-form-section h2{font-size:28px;margin-bottom:30px}.contact-page .contact-form-section .contact-form-wrapper{padding:30px 20px;border-radius:16px}.contact-page .contact-form-section .contact-form .form-row{grid-template-columns:1fr;gap:0}.contact-page .contact-form-section .contact-form .ant-form-item{margin-bottom:20px}.contact-page .contact-form-section .contact-form .contact-submit-btn{height:44px;font-size:15px}.contact-page .contact-faq h2{font-size:30px;margin-bottom:40px}.contact-page .contact-faq .faq-grid{grid-template-columns:1fr;gap:20px}.contact-page .contact-faq .faq-item{padding:24px}.contact-page .contact-faq .faq-item h3{font-size:16px;margin-bottom:12px}.contact-page .contact-faq .faq-item p{font-size:14px}}@media(max-width:480px){.contact-page .contact-hero{padding:30px 0}.contact-page .contact-hero h1{font-size:30px;margin-bottom:16px}.contact-page .contact-hero p{font-size:16px}.contact-page .contact-form-section h2,.contact-page .contact-info h2{font-size:24px;margin-bottom:24px}.contact-page .contact-faq h2{font-size:26px;margin-bottom:30px}.contact-page .contact-form-wrapper{padding:24px 16px}}