:root{font-family:system-ui,-apple-system,sans-serif;color:#e8eef5;background:#0b1118;font-size:17px}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:540px;margin:5vh auto;background:#121c27;padding:36px;border:1px solid #29394a;border-radius:24px;box-shadow:0 20px 80px #243d2810}header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:48px}.brand{font-weight:750}.badge{font-size:11px;background:#243748;padding:7px 10px;border-radius:30px}.eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#b8c6d5}h1{font-size:36px;letter-spacing:-.04em;line-height:1.12;margin:12px 0}h2{font-size:22px}p,li{line-height:1.6}p{color:#b8c6d5}button{width:100%;min-height:50px;border:0;border-radius:12px;background:#235744;color:#e8eef5;font:inherit;font-weight:600;padding:14px;cursor:pointer;margin:8px 0}button:disabled{opacity:.5;cursor:wait}.secondary{background:#233446;color:#e8eef5}input{width:100%;min-height:56px;border:1px solid #506579;border-radius:12px;padding:12px;margin:8px 0;font-size:26px;letter-spacing:.3em}code{display:block;overflow-wrap:anywhere;background:#233446;border-radius:10px;padding:16px;user-select:all;letter-spacing:.08em}.note,footer{font-size:12px}footer{color:#b8c6d5;margin-top:32px}#status{padding:12px 0;min-height:52px}section{margin-top:20px}label{display:block;margin-top:16px}button:focus-visible,input:focus-visible{outline:3px solid #8cbcff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:480px){body{padding:12px}main{margin:12px auto;padding:24px}header{margin-bottom:32px}h1{font-size:32px}}

:root{color-scheme:dark}input,select{background:#0d1620;color:#e8eef5}a{color:#9ec5ff}