:root{color-scheme:dark;font:16px system-ui;background:#0b1220;color:#e5edf8}body{margin:0;padding:24px}main{max-width:1040px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #31415b;padding:20px 0}header span{font-size:24px;font-weight:800;color:#64d8cd}small{color:#a5b6d0}form{max-width:480px;margin:24px 0}label{display:block;margin:16px 0}input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;background:#152237;border:1px solid #7487a3;border-radius:6px;color:#fff}button{background:#16756b;color:white;border:0;border-radius:6px;padding:13px 20px;font:inherit;cursor:pointer}a{color:#78caff}table{border-collapse:collapse;width:100%;display:block;overflow:auto}td,th{padding:12px;text-align:left;border-bottom:1px solid #31415b}code{overflow-wrap:anywhere}nav{margin-top:24px}[role=alert]{color:#ffb1a9}@media(max-width:600px){body{padding:14px}header{flex-direction:column}h1{font-size:24px}}