**{
  box-sizing:border-box;
  font-family: 'Segoe UI', sans-serif;
}

.container2{
  width:90%;
  max-width:1100px;
  display:flex;
  gap:40px;
  
  margin:8% auto;
  background:transparent;
}



/* LEFT CARD */
.left-box{
  width:35%;
  background:linear-gradient(180deg,#4fa2ff,#b7dcff);
  color:#fff;
  padding:40px;
  border-radius:16px;
}

/* RIGHT FORM */
.form-box{
  width:65%;
  color:#a83f3f;
}

.row{
  display:flex;
  gap:5px;
}

.field{
  margin-bottom:10px;
  width:100%;
}

input, textarea{
  width:100%;
  padding:12px;
  background:#111;
  border:1px solid #333;
  color:#fff;
  border-radius:8px;
}

textarea{
  resize:none;
  height:90px;
}

button{
  width:100%;
  padding:14px;
  background:#4fa2ff;
  border:none;
  color:#fff;
  border-radius:10px;
  cursor:pointer;
}

/* ✅ RESPONSIVE PART (MOST IMPORTANT) */
@media (max-width: 768px){
  .container2{
    flex-direction: column;
    margin-top: 20%;   /* upar–niche */
  }

  .left-box,
  .form-box{
    width:100%;
  }
}