*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#f3f1ec;color:#051c32;font-family:'Be Vietnam Pro',system-ui,sans-serif}
.vh-wrap{max-width:440px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;gap:24px;align-items:center}
.vh-brand{display:inline-flex;padding:10px 16px;border-radius:14px;background:#051c32}
.vh-brand img{display:block;height:40px;width:auto}
.vh-card{width:100%;background:#fff;border-radius:20px;padding:28px 24px;box-shadow:0 12px 40px rgba(5,28,50,.08)}
.vh-card h1{margin:0 0 6px;font-size:22px}
.vh-sub{margin:0 0 20px;font-size:14px;color:#4b5563;line-height:1.5}
label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.vh-field{display:flex;align-items:center;border:1px solid #c9ced4;border-radius:12px;background:#fff;overflow:hidden}
.vh-field:focus-within{outline:2px solid #c5a66e;outline-offset:1px;border-color:#132d45}
.vh-field input{flex:1;min-width:0;min-height:48px;padding:0 0 0 14px;border:0;font:500 16px inherit;color:#051c32;outline:none;background:transparent}
.vh-suffix{padding:0 14px 0 2px;font-size:15px;color:#6b7280;white-space:nowrap}
.vh-error{margin:8px 0 0;font-size:13px;color:#a12a2a;font-weight:600}
.vh-btn{width:100%;min-height:48px;margin-top:16px;border:0;border-radius:999px;background:#132d45;color:#fff;font:600 15px inherit;cursor:pointer}
.vh-btn:focus-visible{outline:2px solid #c5a66e;outline-offset:2px}
.vh-foot{margin:18px 0 0;font-size:14px;text-align:center;color:#4b5563}
.vh-foot a{color:#132d45;font-weight:600}
[hidden]{display:none!important}