.contact-wrapper{opacity:0;background:#f5f5f5;border-radius:10px;width:100%;margin:0 auto;padding:60px 40px;font-family:Inter,sans-serif;box-shadow:0 4px 12px #0000001f}.contact-wrapper.animate{animation:.8s ease-out forwards fadeInUpSection}.contact-header{text-align:center;margin-bottom:40px}.contact-header h2{letter-spacing:2%;color:#111;margin-bottom:16px;font-family:Lateef,serif;font-size:35px;font-style:normal;font-weight:400;line-height:27px}.contact-header p{letter-spacing:2%;color:#000;text-align:center;max-width:750px;margin:0 auto;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:27px}.contact-container{align-items:stretch;gap:28px;display:flex}.contact-info{flex-direction:column;gap:20px;width:280px;display:flex}.info-card{color:#fff;opacity:0;background:#080d23;border-radius:20px;flex-direction:column;justify-content:center;min-height:135px;padding:24px 20px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.contact-wrapper.animate .info-card{animation:.6s ease-out forwards fadeInLeftInfo}.info-card:first-child{animation-delay:.2s}.info-card:nth-child(2){animation-delay:.4s}.info-card:nth-child(3){animation-delay:.6s}.info-card:hover{background:#0d1633;transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.info-title{align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.info-icon{font-size:14px;transition:transform .4s}.info-card:hover .info-icon{color:#f28b03;transform:scale(1.2)rotate(10deg)}.info-card p{color:#f0f0f0;font-size:15px;line-height:1.8}.form-container{opacity:0;background:#080d23;border-radius:24px;flex:1;padding:36px}.contact-wrapper.animate .form-container{animation:.8s ease-out .4s forwards fadeInUpSection}.contact-form{width:100%}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-group{opacity:0;flex-direction:column;display:flex}.contact-wrapper.animate .form-group{animation:.6s ease-out forwards fadeInUpSection}.form-group:first-child{animation-delay:.6s}.form-group:nth-child(2){animation-delay:.7s}.form-group:nth-child(3){animation-delay:.8s}.form-group:nth-child(4){animation-delay:.9s}.form-group:nth-child(5){animation-delay:1s}.form-group:nth-child(6){animation-delay:1.1s}.full-width:first-of-type{animation-delay:1.2s}.form-group label{color:#fff;margin-bottom:10px;font-size:15px;font-weight:500;transition:all .3s}.form-group:focus-within label{color:#f28b03;transform:translate(5px)}.form-group input,.form-group textarea,.form-group select{color:#fff;background:0 0;border:1px solid #fff6;border-radius:8px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .3s}.form-group select option{color:#fff;background:#080d23}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#ffffff0d;border-color:#f28b03;box-shadow:0 0 15px #f28b0333}.form-group input::-moz-placeholder{color:#fff9}.form-group textarea::-moz-placeholder{color:#fff9}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group textarea{resize:none}.full-width{margin-top:24px}.submit-btn{color:#fff;cursor:pointer;background:#f28b03;border:none;border-radius:8px;width:150px;height:50px;margin:32px auto 0;font-size:16px;font-weight:600;transition:all .3s;display:block}.submit-btn:hover{background:#ffac26;transform:translateY(-3px)scale(1.05);box-shadow:0 5px 15px #f28b0366}@keyframes fadeInUpSection{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeftInfo{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.contact-wrapper{padding:30px}.contact-container{flex-direction:column}.contact-info{flex-flow:wrap;width:100%}.info-card{flex:250px}}@media (max-width:768px){.contact-header h2{font-size:28px}.form-container{padding:24px}.form-grid{grid-template-columns:1fr;gap:18px}}@media (max-width:480px){.contact-wrapper{border-radius:16px;padding:16px}.contact-header h2{font-size:24px}.contact-header p{font-size:14px}.form-container{border-radius:18px;padding:18px}.info-card{padding:20px 16px}.submit-btn{width:100%}}.cs-required{color:#f28b03;margin-left:2px}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:#ef4444!important;box-shadow:0 0 10px #ef444440!important}.cs-field-err{color:#fca5a5;align-items:flex-start;gap:5px;margin-top:5px;font-size:12px;line-height:1.4;animation:.18s ease-out errSlideIn;display:flex}@keyframes errSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cs-char-count{text-align:right;color:#fff6;margin-top:4px;font-size:11px;display:block}.cs-success-banner{color:#86efac;background:#22c55e26;border:1px solid #22c55e80;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;animation:.25s ease-out errSlideIn;display:flex}.cs-server-err{color:#fca5a5;background:#ef444426;border:1px solid #ef444480;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;animation:.25s ease-out errSlideIn;display:flex}.submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.cs-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite cs-spin;display:inline-block}@keyframes cs-spin{to{transform:rotate(360deg)}}
