:root { color-scheme: dark; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html, body { width: 100%; min-width: 320px; min-height: 100%; margin: 0; background: #000; color: #ece6dc; }
body { display: grid; min-height: 100svh; place-items: center; }
.login { width: min(520px, calc(100% - 48px)); text-align: center; }
.login h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(4.2rem, 12vw, 8.5rem); font-weight: 400; letter-spacing: -.075em; line-height: .85; }
.login form { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-top: clamp(70px, 11vh, 120px); border-bottom: 1px solid rgba(190, 157, 108, .38); }
.login input { min-width: 0; padding: 15px 2px; border: 0; outline: 0; background: transparent; color: #e8e0d2; font: inherit; letter-spacing: .16em; }
.login button { padding: 15px 2px 15px 28px; border: 0; background: transparent; color: rgba(190, 150, 93, .72); font-size: 10px; letter-spacing: .2em; cursor: pointer; }
.login button:hover { color: #d6ab70; }
.login input:focus-visible, .login button:focus-visible { outline: 1px solid rgba(214, 171, 112, .65); outline-offset: 4px; }
.login p { min-height: 18px; margin: 20px 0 0; color: rgba(187, 169, 142, .48); font-size: 10px; letter-spacing: .1em; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }