/* TAKE IT. — assets/auth.css : gaya halaman masuk & daftar */
.auth-shell{ display:grid; grid-template-columns:1fr 1.2fr; min-height:calc(100vh - 62px); }
.auth-aside{ background:var(--ink); color:#EDEFEA; padding:44px 38px; display:flex; flex-direction:column; justify-content:center; gap:26px; }
.auth-aside .brandline{ font-stretch:120%; font-weight:800; font-size:clamp(24px,3vw,34px); line-height:1.15; letter-spacing:-0.5px; max-width:340px; }
.auth-aside .brandline em{ font-style:italic; color:#FFD98A; }
.trust-list div{ display:flex; gap:10px; align-items:flex-start; font-size:14px; color:rgba(237,239,234,0.85); padding:7px 0; }
.auth-main{ display:flex; align-items:center; justify-content:center; padding:44px 22px; }
.auth-box{ width:100%; max-width:420px; background:#fff; border:2px solid var(--ink); border-radius:var(--radius); box-shadow:var(--slab-shadow); padding:28px; }
.auth-box h1{ font-stretch:118%; font-weight:800; font-size:24px; letter-spacing:-0.4px; }
.auth-box .sub{ color:var(--muted); font-size:13.5px; margin:4px 0 20px; }
.auth-switch{ text-align:center; font-size:13.5px; color:var(--muted); margin-top:18px; }
.auth-switch a{ color:var(--stamp); font-weight:700; }
.agree{ display:flex; gap:10px; align-items:flex-start; font-size:12.5px; color:var(--ink-soft); margin:4px 0 16px; }
.agree input{ margin-top:2px; accent-color:var(--stamp); width:16px; height:16px; flex:0 0 auto; }
.agree a{ color:var(--stamp); font-weight:700; }
.auth-err{ background:#fff; border:2px solid var(--stamp); border-radius:10px; padding:12px 14px; margin-bottom:16px; box-shadow:3px 3px 0 rgba(214,73,31,0.5); }
.auth-err li{ margin-left:16px; font-size:13px; }
@media (max-width:820px){ .auth-shell{ grid-template-columns:1fr; } .auth-aside{ padding:30px 22px; gap:16px; } }