:root{
  --ink:#F2EEE3;
  --ink-dim:#B7B1A0;
  --bg:#15140F;
  --bg-raised:#1D1B14;
  --brass:#C8A24C;
  --brass-bright:#E4C06B;
  --teal:#3F9C93;
  --line:#33301F;
  --danger:#C25B4A;
  --radius:8px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;
  min-height:100dvh;display:flex;flex-direction:column;align-items:center;
  padding:28px 20px 40px;
}
.auth-logo{
  display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;margin-bottom:36px;
}
.logo-mark{width:20px;height:20px;border-radius:50%;border:2px solid var(--brass);position:relative;flex-shrink:0;}
.logo-mark::after{content:"";position:absolute;top:1px;left:50%;width:2px;height:7px;background:var(--brass);transform:translateX(-50%);}

.auth-card{
  width:100%;max-width:380px;background:var(--bg-raised);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px;
}
.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px;}
.auth-tab{
  flex:1;background:none;border:none;padding:10px 0;font-family:'Space Grotesk',sans-serif;
  font-weight:600;font-size:14px;color:var(--ink-dim);border-bottom:2px solid transparent;cursor:pointer;
}
.auth-tab.active{color:var(--brass-bright);border-color:var(--brass);}

.auth-form{display:flex;flex-direction:column;gap:6px;}
.auth-form label{font-size:12.5px;color:var(--ink-dim);margin-top:10px;}
.auth-form .optional{font-weight:400;color:var(--ink-dim);}
.auth-form input{
  background:var(--bg);border:1px solid var(--line);border-radius:6px;
  padding:10px 12px;color:var(--ink);font-family:inherit;font-size:14.5px;
}
.auth-form input:focus{outline:none;border-color:var(--brass);}
.auth-submit{
  margin-top:20px;padding:11px;border:none;border-radius:6px;
  background:var(--brass);color:#15140F;font-family:'Space Grotesk',sans-serif;
  font-weight:600;font-size:14.5px;cursor:pointer;transition:background .15s;
}
.auth-submit:hover{background:var(--brass-bright);}
.auth-submit:disabled{background:var(--line);color:var(--ink-dim);cursor:not-allowed;}

.auth-error{
  background:rgba(194,91,74,0.12);border:1px solid var(--danger);color:#E39082;
  border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:16px;
}