.wrap { min-height: 100vh; display: grid; place-items: center; background: #f6f6f7; padding: 24px; }
.card { width: min(520px, 100%); background: white; border: 1px solid #e3e3e5; border-radius: 18px; padding: 36px; box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.brand { width: 48px; height: 48px; border-radius: 12px; display:grid; place-items:center; background:#111; color:#fff; font-weight:800; margin-bottom: 18px; }
h1 { margin:0 0 10px; font-size: 28px; }
p { color:#666; line-height:1.6; }
.form { display:grid; gap:10px; margin-top:22px; }
.form label { font-size:13px; font-weight:600; }
.form input { padding:12px 14px; border:1px solid #c8c8cc; border-radius:9px; font:inherit; }
.form button { margin-top:4px; padding:12px 14px; border:0; border-radius:9px; background:#111; color:#fff; font-weight:700; cursor:pointer; }