*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#07090c;color:#c9d1d9;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.box{width:min(360px,92vw);border:1px solid #1f2a36;background:#0b0f14;padding:24px}
h1{font-size:18px;letter-spacing:.12em;margin:0;color:#e6b450}h1 span{color:#7d8590}.sub{color:#7d8590;margin:4px 0 20px}
label{display:block;margin-bottom:12px;color:#7d8590;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
input{display:block;width:100%;margin-top:4px;padding:10px;background:#05070a;border:1px solid #263241;color:#e6edf3;font:inherit}
input:focus{outline:1px solid #e6b450}button{width:100%;padding:11px;background:#e6b450;border:0;color:#07090c;font:inherit;font-weight:700;letter-spacing:.1em;cursor:pointer}
#msg{min-height:20px;margin-top:10px;color:#f85149}
[hidden]{display:none!important}