.contact-section{background:white}.contact-container{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;align-items:start}.contact-form-wrapper{background:white;border-radius:1rem;border:2px solid #e0f2fe;box-shadow:0 4px 20px #3b82f614}.contact-form-page{display:flex;flex-direction:column;gap:1.5rem;padding:3rem}.contact-form-success-container{display:none;text-align:center;padding:2rem 1rem;gap:2rem;flex-direction:column}.contact-form-success-title{font-family:Bw Gradual DEMO,sans-serif;font-weight:300;font-size:3rem}.contact-form-success-title span{font-weight:700;font-style:italic}.phone-field{position:relative}.phone-input-wrapper{display:flex;align-items:center;gap:.75rem}.country-code-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.country-code-selector:hover{background:#f3f4f6;border-color:#3b82f6}.country-flag{font-size:1.25rem;line-height:1}.country-code{font-size:.875rem;font-weight:500;color:#1f2937}.phone-input{flex:1;border:none;border-bottom:1px solid #d1d5db;border-radius:0;padding:.5rem 0;background:transparent}.phone-input:focus{border-bottom-color:#3b82f6;outline:none}.form-field-group{display:flex;flex-direction:column;gap:1rem}.form-label-text{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.required-star{color:#ef4444}.form-pill-group{display:flex;flex-wrap:wrap;gap:.75rem}.form-pill-radio{display:none}.form-pill-label{display:inline-block;padding:.625rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:400;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-pill-label:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.form-pill-radio:checked+.form-pill-label{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:500}.contact-info-wrapper{display:flex;flex-direction:column;gap:2rem}.contact-info-category{display:flex;flex-direction:column}.contact-category-title{font-family:Lexend,sans-serif;font-size:.875rem;font-weight:500;color:#3b82f6;margin-bottom:.5rem}.contact-info-items{display:flex;flex-direction:column;gap:.75rem}.contact-info-item{display:flex;align-items:center;gap:.75rem;color:#1f2937;text-decoration:none;transition:all .3s ease;font-size:1rem;font-weight:500}.contact-info-item:hover{color:#3b82f6}.contact-info-item i{color:#6b7280;font-size:1rem;width:20px;text-align:center;transition:color .3s ease}.contact-info-item:hover i{color:#3b82f6}.location-content{display:flex;flex-direction:column;gap:.25rem}.location-city{font-weight:400;color:#1f2937}.contact-social-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.contact-social-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.contact-social-button{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;border:1px solid #e5e7eb;position:relative;overflow:hidden}.contact-social-button:hover{background:#e5e7eb;transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.contact-social-button i,.contact-social-button .social-text{color:#1f2937;font-size:1.25rem;font-weight:500;transition:color .3s ease}.contact-social-button .social-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.5px}.contact-social-button:hover i,.contact-social-button:hover .social-text{color:#3b82f6}.contact-social-button.linkedin:hover{background:#0077b5;border-color:#0077b5}.contact-social-button.linkedin:hover i{color:#fff}.contact-social-button.github:hover{background:#24292e;border-color:#24292e}.contact-social-button.github:hover i{color:#fff}.contact-social-button.twitter:hover{background:#000000;border-color:#000}.contact-social-button.twitter:hover i{color:#fff}@media (max-width: 1024px){.contact-container{grid-template-columns:1fr;gap:3rem}.contact-form-page{padding:.3rem}}@media (max-width: 768px){.contact-form-wrapper{padding:2rem 1.5rem}.form-pill-group{gap:.5rem}.form-pill-label{padding:.5rem 1rem;font-size:.8125rem}.phone-input-wrapper{flex-direction:column;align-items:stretch}.country-code-selector{width:100%;justify-content:center}}
