:root { color-scheme: light; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; color: #1e2522; background: #eeeee9; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 28px; }
.panel { width: min(100%, 420px); background: #fafaf7; border: 1px solid #d8dbd4; border-radius: 3px; padding: 44px 42px 32px; box-shadow: 0 28px 72px #26382a12; }
.mark { font-size: 24px; font-weight: 700; letter-spacing: -.09em; margin-bottom: 44px; }
.mark span { color: #be6946; }
.eyebrow { margin: 0 0 8px; color: #67716a; font-size: 10px; letter-spacing: .2em; font-weight: 700; }
h1 { margin: 0; font-size: 34px; letter-spacing: -.055em; font-weight: 500; }
.description { margin: 10px 0 35px; color: #68716b; font-size: 13px; }
form { display: grid; }
label { margin-bottom: 8px; font-size: 12px; font-weight: 600; }
input { width: 100%; height: 44px; margin-bottom: 22px; border: 1px solid #c9cdc6; border-radius: 2px; background: #fff; padding: 0 12px; font: inherit; font-size: 14px; }
input:focus { outline: 2px solid #385a46; outline-offset: 1px; }
button { height: 46px; margin-top: 4px; border: 0; border-radius: 2px; background: #244a35; color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
button:hover { background: #1c3e2b; }
.error { padding: 11px 13px; margin: -14px 0 24px; background: #f8e8e1; color: #8d3d2b; font-size: 12px; }
.footer { margin: 40px 0 0; color: #9ca49e; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }