*{box-sizing:border-box}body{margin:0;background:#101a2b;color:#e9eff8;font-family:Arial,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);background:#19263a;border:1px solid #36455d;border-radius:20px;padding:32px}img{width:76px;height:76px;object-fit:cover;border-radius:16px}h1{font-size:25px;margin:22px 0 8px}p{font-size:15px;line-height:1.6;color:#bdcce0}label{display:block;margin:20px 0 8px;font-size:15px}input,button{font:inherit;width:100%;border-radius:10px;padding:14px}input{margin-top:8px;background:#101a2b;color:#fff;border:1px solid #62718a}button{margin-top:24px;background:#93c9ff;color:#0b1829;border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.5}a{color:#a9d4ff;font-size:14px}#message{color:#ffc6aa;line-height:1.6;margin-top:18px}small{color:#b7c5d9;display:block;line-height:1.6;margin-top:20px}.secondary{background:transparent;border:1px solid #62718a;color:#d6e7fb}form[hidden]{display:none}