:root{color-scheme:dark;font:16px Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;color:#eee5ce;background:linear-gradient(#070b1240,#070b1299),url('/assets/gothic-city.png') center/cover fixed}main{width:min(370px,calc(100% - 40px));text-align:center}h1{font:70px Georgia,serif;letter-spacing:12px;margin:0 0 35px;text-shadow:0 3px 25px #000;color:#eddbaf}form{padding:28px;border:1px solid #b59a626e;border-radius:12px;background:#121a24b8;backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006}label{display:block;text-align:left;margin-bottom:10px}input,button{width:100%;font:inherit;padding:14px;border-radius:6px;border:1px solid #8d794a}input{background:#0e151dcc;color:#fff}button{background:#c4a46c;color:#1b2118;font-weight:bold;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:2px solid #e2c793;outline-offset:3px}#error{font-size:14px;color:#f1aaa0;min-height:1em} @media(max-width:600px){body{background-position:62% center;background-attachment:scroll}}