body.gc-helper-login-body{
  margin:0;
  min-height:100vh;
  background:#686363;
  color:#fff;
  font-family:Arial,sans-serif;
}
.gc-helper-login{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:20px 14px;
}
.gc-helper-shell{
  width:min(460px,100%);
}
.gc-helper-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:20px;
}
.gc-helper-logo{
  display:block;
  width:min(100%,280px);
  margin:0 auto 18px;
  height:auto;
}
.gc-helper-title{
  margin:0 0 8px;
  font-size:1.65rem;
  line-height:1.1;
  text-align:center;
}
.gc-helper-label{
  display:block;
  margin:12px 0 6px;
  font-size:1rem;
  font-weight:800;
}
.gc-helper-input{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.12);
  color:#fff;
  padding:16px 18px;
  font-size:1.2rem;
}
.gc-helper-input:focus{
  outline:none;
  border-color:rgba(214,82,82,.5);
  box-shadow:0 0 0 3px rgba(214,82,82,.15);
}
.gc-helper-error{
  margin:0 0 12px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,196,120,.42);
  background:rgba(255,214,140,.16);
  color:#fff3d1;
  font-weight:800;
  line-height:1.35;
}
.gc-helper-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.gc-helper-btn{
  width:100%;
  border:0;
  border-radius:14px;
  background:#c52d2d;
  color:#fff;
  padding:16px 18px;
  font-size:1.2rem;
  font-weight:900;
  cursor:pointer;
}
@media(max-width:640px){
  .gc-helper-card{padding:18px 16px}
  .gc-helper-title{font-size:1.45rem}
  .gc-helper-input,.gc-helper-btn{font-size:1.1rem}
}
.gc-login-wrap{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:24px 14px}
.gc-login-wrap:before,.gc-login-wrap:after{
  content:"";position:absolute;z-index:0;border-radius:999px;filter:blur(1px);opacity:.55;pointer-events:none;
  background:radial-gradient(circle at 30% 30%, rgba(214,82,82,.45), rgba(214,82,82,0) 70%);
  animation:gcBlob 12s ease-in-out infinite;
}
.gc-login-wrap:before{width:420px;height:420px;left:-140px;top:-120px}
.gc-login-wrap:after{width:380px;height:380px;right:-130px;bottom:-120px;animation-delay:-6s}
.gc-login-shell{position:relative;z-index:1;width:min(960px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}
.gc-login-brand{padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between}
.gc-login-brand .logo{display:block;max-width:min(100%,520px);height:auto}
.gc-login-brand .sub{margin-top:8px;font-size:1.2rem;opacity:.9}
.gc-login-brand .badge{display:inline-block;margin-top:14px;padding:8px 12px;border-radius:999px;background:rgba(214,82,82,.14);border:1px solid rgba(214,82,82,.35);font-weight:800}
.gc-login-form{padding:24px}
.gc-login-msg{font-size:.95rem;line-height:1.35;opacity:.9}
.gc-login-error{
  margin-bottom:10px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,196,120,.42);
  background:rgba(255,214,140,.16);
  color:#fff3d1;
  font-weight:800;
  line-height:1.35;
}
.gc-login-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}
.gc-login-title{margin:0;font-size:1.65rem}
.gc-theme-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gc-login-note{margin-top:12px;font-size:.88rem}
@keyframes gcBlob{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(22px,-14px) scale(1.12)}
  100%{transform:translate(0,0) scale(1)}
}
@media(max-width:900px){
  .gc-login-shell{grid-template-columns:1fr}
  .gc-login-brand .logo{max-width:min(100%,420px)}
  .gc-login-wrap:before,.gc-login-wrap:after{opacity:.38}
}