:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101719;color:#e1eadf}body{margin:0;padding:2rem 1rem}main{max-width:34rem;margin:auto;border:1px solid #365451;background:#172326;padding:clamp(1rem,5vw,2rem);border-radius:1rem}h1{font-size:1.65rem}h2{font-size:1.25rem}p{line-height:1.6}.brand{letter-spacing:.13em;color:#adc7a0;font-size:.85rem}label,input,button{display:block}label{margin:1rem 0}input{box-sizing:border-box;width:100%;margin:.5rem 0;padding:.8rem;border:1px solid #526863;border-radius:.4rem;background:#0e1718;color:#f1f3ec;font:inherit}button,a{font:inherit;color:#14221d;background:#b3cea3;padding:.7rem 1rem;border:0;border-radius:.4rem;cursor:pointer}button{margin-top:1rem}button:disabled{opacity:.5}.note{font-size:.85rem;color:#b2beb9;margin-top:2rem}#status{padding:.75rem;background:#233733;border-radius:.4rem}[hidden]{display:none!important}