/* Tampilan halaman auth (login, 2FA, undangan, daftar) mengikuti situs wea.co.id */
html,body.auth-body{height:auto;min-height:100%}
body.auth-body{background:var(--bg);font-family:var(--font);font-size:15px;color:var(--ink)}
.auth{min-height:100vh;display:flex;flex-wrap:wrap}
.auth__main{flex:1 1 480px;max-width:100%;display:flex;flex-direction:column;padding:28px clamp(20px,5vw,64px);min-height:100vh}
.auth__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.auth__top .brand__logo{width:76px;height:20px;-webkit-mask-position:left center;mask-position:left center}
.auth__back{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}
.auth__back:hover{color:var(--ink)}
.auth__foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted2)}
.auth__foot nav{display:flex;gap:14px}.auth__foot a{color:var(--muted2);text-decoration:none}
.auth__side{flex:1 1 420px;max-width:100%;background:var(--forest);color:#E3EFE8;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:520px}
.auth__eyebrow{font-size:12px;letter-spacing:.08em;color:var(--green)}
.auth__chat{display:flex;flex-direction:column;gap:10px;max-width:420px}
.auth__chat .bub{font-size:14px;line-height:1.5;padding:10px 14px;max-width:85%;color:var(--ink)}
.auth__chat .bub time{font-size:10px}
.auth__pitch{display:flex;flex-direction:column;gap:18px}
.auth__pitch h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:#fff;max-width:460px}
.auth__facts{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}
.auth__facts span{display:flex;align-items:center;gap:6px}.auth__facts i{width:6px;height:6px;border-radius:50%;background:var(--green)}
@media (max-width:899px){.auth__side{display:none}}

/* Override gaya lama wea.css di dalam .auth */
.auth .login{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:48px 0;background:none}
.auth .login-card{width:100%;max-width:400px;background:transparent;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:18px}
.auth .login-card.wide,.auth .signup-card{max-width:520px}
.auth .login-card .wordmark{display:block;width:0;height:0;overflow:hidden;margin:0}
.auth__head{display:flex;flex-direction:column;gap:8px}
.auth__head h1,.auth .login-card h1:not(.wordmark){font-size:34px;font-weight:500;letter-spacing:-.03em;margin:0}
.auth .login-card h2{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0}
.auth .login-card p.lead,.auth .lead{margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:none}
.auth .field{display:flex;flex-direction:column;gap:6px;margin:0}
.auth .field>span{display:block;font-size:14px;font-weight:700;margin:0}
.auth .input{width:100%;height:50px;border:1.5px solid var(--line3);border-radius:12px;padding:0 14px;font-size:15px;background:#fff;color:var(--ink)}
.auth .input:focus{border-color:var(--ink);background:#fff}
.auth .input.otp{font-size:22px;letter-spacing:8px;text-align:center}
.auth .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;font-size:15px;padding:14px 22px;border:0}
.auth .btn-primary{background:var(--green);color:var(--green-ink);height:52px}
.auth .btn-primary:hover{background:var(--green-h)}
.auth .btn-primary:disabled{background:var(--line);color:#8A968F}
.auth .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line3)}
.auth .btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.auth .btn-block{width:100%}
.auth .form-error{background:var(--red-bg);color:var(--red);border-radius:12px;padding:12px 14px;margin:0;font-size:14px}
.auth .flash{background:var(--mint);color:var(--forest);border:1px solid var(--mint-line);border-radius:12px;padding:12px 14px;margin:0;font-size:14px}
.auth .aside,.auth .login-card .aside{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.auth .aside.center{text-align:center}
.auth .below{margin:0;text-align:center;font-size:14px;color:var(--muted)}
.auth .link-btn{color:var(--deep);opacity:1;background:none;border:0;text-decoration:underline;font-weight:600}
.auth .login-card a{color:var(--deep);font-weight:600;text-decoration:none}
.auth .login-card a:hover{text-decoration:underline}
.auth .login-card code{background:var(--soft);border-radius:4px;padding:2px 6px}
.auth .login-card .secret{background:var(--soft);border-radius:8px}
.auth .steps{margin:0;padding-left:20px;line-height:1.6}
.auth .qr{border-radius:14px;border-color:var(--line)}
.auth .codes li{background:var(--soft);border-radius:10px}
.pw{position:relative;display:block}
.pw .input{padding-right:48px}
.pw__toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:none;color:var(--muted);display:grid;place-items:center;border-radius:10px}
.pw__toggle:hover{color:var(--ink);background:var(--soft)}
.auth__links{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:14px;color:var(--muted)}
.auth__terms{margin:0;font-size:12px;line-height:1.6;color:var(--muted2);text-align:center}
.auth .login-card .auth__terms a{color:var(--ink2);font-weight:500;text-decoration:underline}

/* Form daftar */
.auth .signup-form{display:flex;flex-direction:column;gap:18px}
.auth .plan-pick{border:0;margin:0;padding:0;display:grid;gap:10px}
.auth .plan-pick legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.auth .plan-opt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;cursor:pointer}
.auth .plan-opt:has(input:checked){border-color:var(--ink);background:#F2FAF5}
.auth .plan-opt input{accent-color:var(--deep);margin-top:3px}
.auth .plan-body{display:flex;flex-direction:column;gap:2px}
.auth .plan-name{font-weight:700;display:flex;gap:8px;align-items:center}
.auth .plan-price{font-weight:600;color:var(--deep)}.auth .plan-price small{font-weight:500;color:var(--muted2)}
.auth .plan-lim{font-size:12px;color:var(--muted)}
.auth .chip.c-green{background:var(--green);color:var(--green-ink);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.auth .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth .form-grid .span-2{grid-column:span 2}
@media (max-width:520px){.auth .form-grid{grid-template-columns:1fr}.auth .form-grid .span-2{grid-column:auto}}
.auth .terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--ink2)}
.auth .terms input{accent-color:var(--deep);width:16px;height:16px;margin-top:2px;flex:none}
.auth .hp{position:absolute;left:-9999px}