.hpipl-form-wrapper{
  max-width:480px;
  margin:20px auto;
  padding:20px;
  border-radius:12px;
  background:#f5f7fb;
  box-shadow:0 8px 20px rgba(15,28,46,0.08);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.hpipl-match-title{
  text-align:center;
  font-size:20px;
  margin-top:0;
  margin-bottom:10px;
  color:#222;
}
.hpipl-field-group{
  margin-bottom:12px;
}
.hpipl-field-group label{
  display:block;
  font-weight:600;
  margin-bottom:4px;
  font-size:14px;
}
.hpipl-field-group input[type="text"],
.hpipl-field-group input[type="email"],
.hpipl-field-group input[type="number"]{
  width:100%;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid #d4d7e5;
  font-size:14px;
}
.hpipl-teams-wrapper{
  margin:15px 0;
}
.hpipl-label{
  font-weight:600;
  font-size:14px;
  margin-bottom:6px;
}
.hpipl-teams{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.hpipl-team-card{
  flex:1 1 calc(50% - 10px);
  cursor:pointer;
}
.hpipl-team-inner{
  padding:8px;
  border-radius:10px;
  background:#fff;
  border:1px solid #d7dce9;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  text-align:center;
  transition:all .2s ease;
}
.hpipl-team-card input[type="radio"]{
  display:none;
}
.hpipl-team-inner img{
  max-width:60px;
  max-height:60px;
  object-fit:contain;
}
.hpipl-team-inner .hpipl-team-name{
  font-weight:600;
  font-size:13px;
}
.hpipl-team-card input[type="radio"]:checked + .hpipl-team-inner,
.hpipl-team-card input[type="radio"]:checked ~ .hpipl-team-inner{
  border-color:#6a11cb;
  box-shadow:0 0 0 2px rgba(106,17,203,0.2);
}
.hpipl-win-type-options{
  display:flex;
  gap:15px;
  font-size:14px;
}
.hpipl-win-type-options label{
  display:flex;
  align-items:center;
  gap:4px;
}
.hpipl-required{
  color:#d93025;
}
.hpipl-note{
  font-size:12px;
  color:#666;
  margin:10px 0 15px;
}
.hpipl-submit-btn{
  width:100%;
  padding:10px 12px;
  border:none;
  border-radius:999px;
  background:linear-gradient(135deg,#6a11cb,#2575fc);
  color:#fff;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(106,17,203,0.35);
}
.hpipl-submit-btn:hover{
  filter:brightness(1.05);
}
.hpipl-message{
  padding:8px 10px;
  border-radius:8px;
  margin-bottom:10px;
  font-size:13px;
}
.hpipl-success{
  background:#e6f4ea;
  border:1px solid #8bc48a;
  color:#0f5132;
}
.hpipl-error{
  background:#fdecea;
  border:1px solid #f5a29c;
  color:#842029;
}
.hpipl-disabled{
  background:#fff3cd;
  border:1px solid #ffecb5;
  color:#856404;
}
@media(max-width:480px){
  .hpipl-form-wrapper{
    margin:10px;
    padding:16px;
  }
}


.hpipl-deadline{
  padding:6px 10px;
  border-radius:8px;
  background:#e8f0fe;
  border:1px solid #c3d3ff;
  font-size:13px;
  margin-bottom:10px;
  color:#1a3b7a;
  text-align:center;
}