:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#080b12;color:#f4f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,#17223a,#080b12 65%)}.card{width:min(100%,460px);background:#111827;border:1px solid #273247;border-radius:22px;padding:28px;box-shadow:0 24px 80px #0008}.logo{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#16a36a;font-weight:900;font-size:21px;margin-bottom:18px}h1{margin:0 0 8px;font-size:26px}.muted,.foot{color:#a8b3c7;line-height:1.8;font-size:14px}label{display:block;margin:18px 0 8px;font-size:14px}input{width:100%;padding:13px 14px;border:1px solid #35445d;border-radius:12px;background:#0b1220;color:#fff;font-size:16px;outline:none}input:focus{border-color:#28c78a}button{width:100%;border:0;border-radius:12px;padding:13px 16px;background:#16a36a;color:white;font-weight:750;font-size:15px;margin-top:18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:#293449}.result{margin-top:20px;padding:16px;border:1px solid #2c3b50;border-radius:14px}.code{font-size:26px;letter-spacing:5px;text-align:center;font-weight:800;padding:14px;color:#67e8b1;direction:ltr}.hidden{display:none}.foot{border-top:1px solid #273247;padding-top:14px;margin-top:24px;font-size:12px}