:root{ --safe-pad: clamp(10px, 3vw, 22px); }
*{ -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
img,video,canvas{ max-width:100%; height:auto; }
.container{ padding-inline: var(--safe-pad); }
.shell{ padding: clamp(12px, 3vw, 22px); }
.panel{ width: min(1100px, 100%); margin-inline:auto; }
.two{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(8px, 2.4vw, 12px); }
@media (max-width: 1024px){
  .two{ grid-template-columns: 1fr; }
  .panel-header{ flex-wrap: wrap; gap: 10px; }
}
input,select,textarea,button{ font-size: clamp(14px, 3.6vw, 16px); min-height: 44px; }
.btn{ padding: 12px 14px; }
@media (max-width: 640px){
  .panel-body{ padding: clamp(12px, 3vw, 18px); }
  .btn{ width: 100%; }
}
html,body{ overflow-x: hidden; }


html, body { background:#ffffff !important; background-image:none !important; }