:root{color-scheme:dark;font-family:system-ui,Arial;background:#0d111b;color:#f5ebd9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#242a3a,#0d111b 75%);min-height:100vh}main{max-width:680px;margin:6vh auto;padding:25px}main.login{max-width:430px;margin:13vh auto;text-align:center}small{color:#d5b46d;letter-spacing:.2em}h1{font-family:Georgia,serif;font-size:clamp(30px,6vw,49px);letter-spacing:.06em}h2{font-size:19px;margin-top:0}p,.hint{color:#b8bbc6;line-height:1.6}section{padding:23px;border:1px solid #3b3b44;border-radius:14px;background:#171c28;margin:18px 0}label{display:block;margin:12px 0;color:#e8dfcf}input:not([type=checkbox]),select{display:block;width:100%;padding:13px;margin:9px 0;background:#0c1019;border:1px solid #55505a;border-radius:8px;color:white;font-size:16px}.check{display:flex;align-items:center;gap:9px}.check input{width:18px;height:18px}button{border:0;border-radius:8px;padding:12px 17px;background:#d5b46d;color:#15151a;font-weight:700;cursor:pointer;margin:6px 6px 6px 0}.muted{background:#353c4b;color:white}.code{padding:15px;background:#2b3440;border:1px solid #c5a866;border-radius:8px;overflow-wrap:anywhere;color:#fff} .tester{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #45414a;padding:12px 0}.tester button{font-size:13px}.tester small{letter-spacing:0}#status,#msg{min-height:20px}