:root { color: #ecf0e8; background: #13221e; font-family: "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: radial-gradient(circle at top right, #345f4e, transparent 38%), #13221e; }
.card { width: min(440px, calc(100% - 32px)); padding: 42px; border: 1px solid rgba(232, 208, 151, .45); background: rgba(18, 31, 27, .9); box-shadow: 20px 22px 0 rgba(0,0,0,.15); }
.eyebrow { color: #e2b76b; font-family: Georgia, serif; letter-spacing: .14em; font-size: .75rem; }
h1 { margin: 13px 0 10px; font: 400 2.25rem/1.15 Georgia, "Songti SC", serif; }
p { color: #b5c4ba; line-height: 1.8; font-size: .92rem; }
label { display: grid; gap: 7px; margin-top: 19px; color: #dce4d9; font-size: .88rem; }
input { width: 100%; border: 1px solid #597264; padding: 12px; color: #f5f3eb; background: #0e1916; font: inherit; }
button { width: 100%; margin-top: 26px; border: 0; padding: 13px; color: #16251f; background: #e2b76b; font-weight: 700; cursor: pointer; }
.message { min-height: 22px; margin-top: 13px; color: #ffb5a8; }
a { color: #e2b76b; }