:root{
  --pm-primary:#6366f1;
  --pm-secondary:#ffffff;
  --pm-dark:#020617;
  --pm-light:#f8fafc;
  --pm-glass:rgba(255,255,255,0.10);
  --pm-border:rgba(255,255,255,0.25);
}

/* ================= RESET ================= */


.bodyy{
  min-height:100vh;
 
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  color:var(--pm-light);
}

/* ================= MAIN WRAP ================= */
.PM-C1{
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-radius:24px;
  overflow:hidden;
  background:#000000;
  backdrop-filter:blur(16px);
  border:1px solid var(--pm-border);
  animation:PMfade 1s ease;
}

/* ================= LEFT ================= */
.PM-C2{
  padding:55px;
  background:#881e1b;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.PM-C3 h1{
  font-size:40px;
  margin-bottom:12px;
}

.PM-C3 p{
  opacity:.9;
  font-size:15px;
}

/* INFO ITEMS */
.PM-C4{
  margin-top:35px;
  display:grid;
  gap:18px;
}

.PM-C5{
  display:flex;
  align-items:center;
  gap:14px;
}

.PM-C6{
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}

/* ================= SOCIAL ================= */
.PM-C7{
  margin-top:35px;
}

.PM-C8{
  display:flex;
  gap:14px;
  margin-top:14px;
}

.PM-C9{
  width:46px;
  height:46px;
  border-radius:50%;
  background:rgba(255,255,255,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  text-decoration:none;
  font-size:18px;
  transition:.35s;
}

.PM-C9:hover{
  transform:translateY(-6px) scale(1.08);
  box-shadow:0 0 18px rgba(255,255,255,.8);
}
.PM-C9 i{
  font-size:20px;
  transition:.35s;
}

.PM-C9:hover i{
  transform:scale(1.2) rotate(6deg);
}

/* ================= RIGHT FORM ================= */
.PM-C10{
  padding:55px;
}

.PM-C11{
  font-size:30px;
  margin-bottom:26px;
}

.PM-C12{
  position:relative;
  margin-bottom:22px;
}

.PM-C12 input,
.PM-C12 textarea{
  width:100%;
  padding:15px;
  background:transparent;
  border:1px solid var(--pm-border);
  border-radius:14px;
  color:white;
  font-size:15px;
  outline:none;
}

.PM-C12 textarea{
  height:130px;
  resize:none;
}

.PM-C13{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  opacity:.6;
  pointer-events:none;
  transition:.3s;
  
  padding:0 6px;
}

.PM-C12 input:focus + .PM-C13,
.PM-C12 input:not(:placeholder-shown) + .PM-C13,
.PM-C12 textarea:focus + .PM-C13,
.PM-C12 textarea:not(:placeholder-shown) + .PM-C13{
  top:-9px;
  font-size:12px;
  color:var(--pm-secondary);
  opacity:1;
}

/* BUTTON */
.PM-C14{
  width:100%;
  padding:15px;
  border:none;
  border-radius:16px;
  background:#881e1b;
  color:white;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:.35s;
}

.PM-C14:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(255, 230, 206, 0.6);
}

/* ================= ANIMATION ================= */
@keyframes PMfade{
  from{opacity:0;transform:translateY(40px)}
  to{opacity:1;transform:translateY(0)}
}

/* ================= MEDIA QUERIES ================= */
@media(max-width:1200px){
  .PM-C1{max-width:96%}
}
@media(max-width:992px){
  .PM-C1{grid-template-columns:1fr}
  .PM-C2{text-align:center}
  .PM-C8{justify-content:center}
}
@media(max-width:768px){
  .PM-C2,.PM-C10{padding:40px}
}
@media(max-width:576px){
  .PM-C3 h1{font-size:30px}
  .PM-C11{font-size:24px}
}
@media(max-width:420px){
 
  .PM-C2,.PM-C10{padding:26px 18px}
}