:root{--gold: #b8860b;--gold-bright: #d18400;--bg: #050505;--panel: #0e0e0e;--line: #1a1a1a;--text: #f3f3f3;--muted: #8a8a8a}#app{min-height:100%;width:100%;display:flex}.login{margin:auto;width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);padding:36px 28px;text-align:center}.login h1{font-family:Syncopate,sans-serif;color:var(--gold);letter-spacing:4px;font-size:22px}.login p{color:var(--muted);line-height:1.5}.login .primary{display:inline-block;margin-top:18px;border:1px solid var(--gold);background:transparent;color:#fff;padding:12px 18px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-decoration:none}.login .primary:hover{background:var(--gold);color:#000}