<style>
	/* ================= BASE ================= */
	*{box-sizing:border-box}
	body{
	  margin:0;
	  font-family: Inter, system-ui, sans-serif;
	  background:#f4f6fb;
	  color:#1d1d1f;
	}

	/* ================= LAYOUT ================= */
	.contact-wrapper{
	  padding:100px 20px;
	}

	.contact-card{
	  max-width:1200px;
	  margin:auto;
	  background:#fff;
	  border-radius:14px;
	  box-shadow:0 20px 60px rgba(0,0,0,.08);
	  padding:70px;
	  display:grid;
	  grid-template-columns: 1fr 1.1fr;
	  gap:70px;
	}

	/* ================= LEFT ================= */
	.contact-text h2{
	  font-size:42px;
	  line-height:1.2;
	  margin:0 0 20px;
	  color: #523ee8;
	}

	.contact-text p{
	  font-size:17px;
	  color:#555;
	  line-height:1.7;
	}

	/* ================= FORM ================= */
	.contact-form{
	  width:100%;
	}

	.form-row{
	  display:grid;
	  grid-template-columns:1fr 1fr;
	  gap:20px;
	}

	.contact-form input,
	.contact-form textarea{
	  width:100%;
	  padding:16px 0;
	  border:none;
	  border-bottom:1px solid #dcdcdc;
	  font-size:15px;
	  background:transparent;
	}

	.contact-form textarea{
	  min-height:120px;
	  resize:none;
	}

	.contact-form input:focus,
	.contact-form textarea:focus{
	  outline:none;
	  border-color:#1f3cff;
	}

	.contact-form button{
	  margin-top:30px;
	  padding:16px 34px;
	  background:#1f3cff;
	  color:#fff;
	  border:none;
	  border-radius:6px;
	  font-size:15px;
	  cursor:pointer;
	}

	.contact-form button:hover{
	  background:#162fd1;
	}

	.form-status{
	  margin-top:15px;
	  font-size:14px;
	}

	/* ================= RESPONSIVE REAL ================= */

	/* TABLET */
	@media (max-width: 1024px){
	  .contact-card{
		padding:50px;
		gap:50px;
	  }
	  .contact-text h2{
		font-size:34px;
	  }
	}

	/* MOBILE */
	@media (max-width: 768px){
	  .contact-wrapper{
		padding:60px 15px;
	  }

	  .contact-card{
		grid-template-columns:1fr;
		padding:35px;
	  }

	  .form-row{
		grid-template-columns:1fr;
	  }

	  .contact-form button{
		width:100%;
	  }
	}

	/* SMALL MOBILE */
	@media (max-width:480px){
	  .contact-text h2{
		font-size:26px;
	  }
	}
</style>