/* ============================================================
   Avatar Chat AI — halaman masuk & daftar pelanggan
   ============================================================ */
:root{--green:#25D366;--dark:#075E54;--teal:#128C7E;--ink:#0F172A;--muted:#5B6B7B;--line:#E6EDF3}
.auth-body{background:
  radial-gradient(800px 420px at 12% -10%, rgba(37,211,102,.16), transparent 60%),
  radial-gradient(760px 420px at 90% 0%, rgba(18,140,126,.13), transparent 62%), #F6FBF8;}
.auth-wrap{
  max-width:1020px;margin:0 auto;padding:48px 22px 70px;display:grid;
  grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:start;
}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 18px 46px rgba(15,23,42,.09)}
.auth-card h1{margin:0 0 6px;font-size:25px;letter-spacing:-.4px}
.auth-sub{margin:0 0 20px;color:var(--muted);font-size:14px}
.auth-card label{display:block;font-size:12.8px;font-weight:600;color:#334155;margin-bottom:14px}
.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text],.auth-card input:not([type]){
  width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;font-size:14.5px;font-family:inherit;
}
.auth-card input:focus{outline:2px solid rgba(37,211,102,.34);border-color:var(--green)}
.auth-card small{display:block;margin-top:5px;font-weight:500;color:var(--muted);font-size:11.5px}
.auth-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-row{font-weight:500;font-size:12.8px;color:var(--muted)}
.auth-row input{width:auto;margin:0 6px 0 0;vertical-align:middle}
.auth-btn{width:100%;justify-content:center;padding:13px;font-size:15px;margin-top:6px}
.auth-err{background:#FEF2F2;color:#B91C1C;border:1px solid #FECACA;font-size:13px;padding:10px 13px;border-radius:10px;margin-bottom:16px;line-height:1.5}
.auth-ok{background:#F0FDF4;color:#15803D;border:1px solid #BBF7D0;font-size:13px;padding:10px 13px;border-radius:10px;margin-bottom:16px}
.auth-alt{margin:14px 0 0;font-size:13px;color:var(--muted);text-align:center}
.auth-alt a{color:var(--teal);font-weight:600}
.auth-tos{margin:12px 0 0;font-size:11.5px;color:#8A99A8;text-align:center;line-height:1.5}
.auth-side{padding-top:8px}
.auth-side h2{font-size:19px;margin:0 0 14px}
.auth-side ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
.auth-side li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13.6px;color:#2C3A47;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.auth-side code{background:#F1F5F9;padding:1px 5px;border-radius:5px;font-size:12.5px}
.auth-note{font-size:12.6px;color:var(--muted);background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;padding:12px 14px;line-height:1.55;margin:0}
@media(max-width:860px){.auth-wrap{grid-template-columns:1fr;gap:26px;padding-top:30px}.auth-2col{grid-template-columns:1fr}}