.contact-page{min-height:100vh;width:100%;background-color:#fff;font-family:Inter,sans-serif}.contact-hero{min-height:40vh;display:flex;align-items:center;justify-content:center;padding:6.5rem 2rem 2.5rem;background:linear-gradient(135deg,#0A1628,#0F2744);position:relative;overflow:hidden}.contact-hero:before{top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.15) 0,transparent 70%)}.contact-hero:after,.contact-hero:before{content:"";position:absolute;border-radius:50%}.contact-hero:after{bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%)}.contact-hero .contact-hero-content{max-width:1200px;text-align:center;position:relative;z-index:1}.contact-hero .contact-hero-content .contact-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-1px}.contact-hero .contact-hero-content .contact-hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:hsla(0,0%,100%,.85);font-weight:400;line-height:1.6}.contact-form-section{padding:4rem 2rem;background:#f9fafb}.contact-container{width:100%;max-width:700px;margin:0 auto}.contactForm{width:100%;display:flex;flex-direction:column;gap:1.5rem}.contactForm .form-row{width:100%}.contactForm .form-row.form-row-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.contactForm .form-row.form-submit{display:flex;justify-content:center;margin-top:1rem}.contactForm input,.contactForm select,.contactForm textarea{width:100%;padding:1rem 1.5rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#333;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;outline:none;box-sizing:border-box}.contactForm input::placeholder,.contactForm select::placeholder,.contactForm textarea::placeholder{color:#9ca3af}.contactForm input:hover,.contactForm select:hover,.contactForm textarea:hover{border-color:#d1d5db}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.contactForm select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;background-size:12px;cursor:pointer}.contactForm #formMessage{min-height:150px;resize:vertical;font-family:Inter,sans-serif;line-height:1.6}.contactForm #submitBtn{padding:1rem 3rem;border-radius:50px;border:none;background:#10b981;color:#fff;font-size:1.1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(16,185,129,.3)}.contactForm #submitBtn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 25px rgba(16,185,129,.4)}.contactForm #submitBtn:active{transform:translateY(0)}@media screen and (max-width:768px){.contact-hero{min-height:35vh;padding:5.5rem 1.5rem 2rem}.contact-hero .contact-hero-content .contact-hero-title{font-size:2rem}.contact-hero .contact-hero-content .contact-hero-subtitle{font-size:1rem}.contact-form-section{padding:3rem 1.5rem}.contactForm{gap:1.25rem}.contactForm .form-row.form-row-split{grid-template-columns:1fr;gap:1.25rem}.contactForm input,.contactForm select,.contactForm textarea{padding:.9rem 1.2rem;font-size:.95rem}.contactForm #formMessage{min-height:120px}.contactForm #submitBtn{padding:.9rem 2.5rem;font-size:1rem;width:100%;max-width:300px}}@media screen and (max-width:480px){.contact-hero{padding:5rem 1rem 1.5rem}.contact-form-section{padding:2.5rem 1rem}.contactForm{gap:1rem}.contactForm input,.contactForm select,.contactForm textarea{padding:.85rem 1rem}.contactForm #submitBtn{width:100%}}