.contact-page{font-family:DM Sans,sans-serif;background-color:#f9fafb;overflow:hidden;padding:50px}.wrapper1{padding:0 15px;animation:fadeIn 1s ease-out}.container{max-width:1200px;margin:0 auto}.text-center{text-align:center}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.font-dm{font-family:DM Sans,sans-serif}.text-primaryColor{color:#FF6347}.text-black-tint-300{color:#B3B3B3}.text-black-tint-200{color:#CCCCCC}.text-black{color:#000000}.input1,.textarea{width:100%;padding:15px;font-size:16px;border:1px solid #ddd;border-radius:8px;margin-top:5px;outline:none;box-sizing:border-box;transition:all .3s ease-in-out;margin-bottom:10px}.input1:focus,.textarea:focus{border-color:#FF6347;box-shadow:0 0 5px rgba(255,99,71,.4);transform:translateY(-3px)}.textarea{height:150px;resize:vertical}.submit-btn{background-color:#FF6347;color:white;padding:15px 25px;border:none;border-radius:8px;font-size:18px;cursor:pointer;width:100%;transition:background-color .3s ease,transform .3s ease;margin-bottom:20px}.submit-btn:hover{background-color:#e55347;transform:translateY(-3px)}.contact-section{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;gap:30px}.address-card,.email-card,.hotline-card{background-color:#f5f5f5;padding:25px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.address-card:hover,.email-card:hover,.hotline-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.contact-title{font-size:18px;color:#333;margin-bottom:10px}.contact-p{font-size:16px;color:#666;text-align:center}.fill-steel-blue-t01{fill:#4682B4}.fill-light-sea-green-t01{fill:#20B2AA}.fill-goldenrod-t01{fill:#DAA520}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.contact-section{grid-template-columns:1fr}.submit-btn{width:100%}}@media (max-width:768px){.contact-page{padding:30px}.contact-section{grid-template-columns:1fr;gap:20px}.address-card,.email-card,.hotline-card{padding:20px}.input1,.textarea{font-size:14px;padding:12px}.submit-btn{font-size:16px;padding:12px}}.contact-form{padding:30px;max-width:500px;margin:auto}.contact-form h6{text-align:center}@media (max-width:768px){.contact-page{padding:50px 10px!important}.contact-page h1{margin:0}}.dark-mode .contact-page{background-color:#121212;color:#e0e0e0;font-family:DM Sans,sans-serif}.dark-mode .wrapper1{padding:0 15px;animation:fadeIn 1s ease-out;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.7)}.dark-mode .contact-title{color:#fff;font-weight:600}.dark-mode .contact-p{color:#A0A0A0}.dark-mode .input1,.dark-mode .textarea{background-color:#2A2A2A;color:#E0E0E0;border:1px solid #444;border-radius:10px;padding:15px;transition:all .3s ease}.dark-mode .input1:focus,.dark-mode .textarea:focus{border-color:#FF6B6B;box-shadow:0 0 8px rgba(255,107,107,.5);transform:translateY(-2px)}.dark-mode .submit-btn{background-color:#FF6B6B;color:#fff;border-radius:10px;font-size:18px;padding:15px;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,107,107,.4)}.dark-mode .submit-btn:hover{background-color:#e55555;transform:translateY(-3px);box-shadow:0 6px 18px rgba(255,107,107,.6)}.dark-mode .address-card,.dark-mode .email-card,.dark-mode .hotline-card{background-color:#1E1E1E;color:#E0E0E0;border-radius:12px;padding:25px;box-shadow:0 6px 14px rgba(0,0,0,.6);transition:all .3s ease}.dark-mode .address-card:hover,.dark-mode .email-card:hover,.dark-mode .hotline-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.8)}.dark-mode .fill-steel-blue-t01{fill:#63a4ff}.dark-mode .fill-light-sea-green-t01{fill:#48c9b0}.dark-mode .fill-goldenrod-t01{fill:#FFC845}.dark-mode .contact-page h1{color:#f9fafb}