/* // ini bagian login: variables & base */
:root{--bg:#0b0c0f;--card:#13151a;--muted:#a1a1aa;--text:#fff;--accent:#22c55e;--danger:#ef4444;--border:#23252b}
*{box-sizing:border-box}

/* // ini bagian login: background global */
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:url('../bg-baru.jpeg') center/cover no-repeat fixed;filter:brightness(.25);z-index:0;pointer-events:none}

/* // ini bagian login: layout kartu */
.wrap{max-width:420px;margin:60px auto;padding:0 16px;position:relative;z-index:1}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;backdrop-filter:saturate(120%)}

/* // ini bagian login: form */
h1{margin:0 0 12px 0}
label{display:block;margin:8px 0 4px 0;color:var(--muted)}
input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#0f1116;color:#fff}
.btn{display:inline-block;padding:10px 12px;border-radius:8px;border:1px solid var(--border);color:#fff;text-decoration:none;cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b0c0f;font-weight:600;width:100%}
.row{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.muted{color:var(--muted)}
.error{color:#fecaca;margin-top:8px}
a{color:#fff}