/* Shared styles for the standalone auth pages (login.html, invite.html). */
:root{ --dusk:#1b2333; --paper:#f3f5f9; --card:#ffffff; --ink:#25303f; --ink-soft:#5b6b80; --line:#e2e7ef; --gold:#e6b23c; }
*{box-sizing:border-box;}
body{margin:0; background:var(--dusk); color:var(--ink); font-family:Georgia,'Times New Roman',serif; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px;}
.card{background:var(--card); border-radius:14px; padding:36px 32px; width:100%; max-width:380px; box-shadow:0 10px 40px rgba(0,0,0,.35);}
h1{font-size:22px; margin:0 0 2px;}
h1 small{display:block; font-size:11px; color:var(--ink-soft); letter-spacing:.08em; text-transform:uppercase; margin-top:4px; font-weight:normal;}
.divider{height:3px; width:44px; background:var(--gold); border-radius:2px; margin:16px 0 22px;}
p.hint{font-family:system-ui,sans-serif; font-size:13px; color:var(--ink-soft); margin:0 0 6px;}
label{display:block; font-family:system-ui,sans-serif; font-size:12px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.05em; margin:14px 0 5px;}
input{width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:9px; font-size:15px; font-family:system-ui,sans-serif; background:#fbfcfe;}
input:focus{outline:2px solid var(--gold); border-color:transparent;}
button{width:100%; margin-top:22px; padding:12px; border:none; border-radius:9px; background:var(--dusk); color:#eef2f8; font-size:15px; font-family:system-ui,sans-serif; cursor:pointer;}
button:hover{background:#242f45;}
button:disabled{opacity:.6; cursor:default;}
.err{font-family:system-ui,sans-serif; font-size:13px; color:#7a2e2e; background:#fbeaea; border:1px solid #e6b3b3; border-radius:9px; padding:10px 12px; margin-top:16px; display:none;}