:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px 16px;
  background: radial-gradient(ellipse at 70% 20%, rgba(205,156,32,.10), transparent 55%), #0b0b0b;
  font-family: Inter, system-ui, sans-serif; color: #a8a49a; }
.box { width: 100%; max-width: 400px; background: #121212; border: 1px solid #242524; padding: 32px 28px; position: relative; }
.box::before, .box::after { content: ""; position: absolute; width: 16px; height: 16px; }
.box::before { top: -1px; left: -1px; border-top: 2px solid #cd9c20; border-left: 2px solid #cd9c20; }
.box::after { bottom: -1px; right: -1px; border-bottom: 2px solid #cd9c20; border-right: 2px solid #cd9c20; }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.brand img { height: 44px; }
.name { font-family: "Chakra Petch", sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #f2ecdd; line-height: 1; }
.sub { font-size: 10px; letter-spacing: .35em; color: #cd9c20; margin-top: 4px; }
.eyebrow { font-family: "Chakra Petch", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: #cd9c20; margin: 0 0 8px; }
h1 { font-family: "Chakra Petch", sans-serif; text-transform: uppercase; color: #f2ecdd; font-size: 28px; line-height: 1.05; margin: 0 0 28px; letter-spacing: -.02em; }
h1 span { color: #cd9c20; }
label { display: block; font-size: 12px; font-weight: 600; color: #f2ecdd; margin-bottom: 6px; }
input { width: 100%; background: #0b0b0b; border: 1px solid #333533; color: #f2ecdd; padding: 12px; font: inherit; outline: none; border-radius: 0; }
input:focus { border-color: #cd9c20; box-shadow: 0 0 0 1px #cd9c20; }
button { width: 100%; margin-top: 16px; background: #cd9c20; color: #0b0b0b; border: 0; padding: 13px; font: inherit; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .3px; cursor: pointer; border-radius: 0; }
button:disabled { opacity: .6; }
.err { color: #e5675a; font-size: 13px; min-height: 18px; margin: 12px 0 0; }