:root{font-family:Inter,ui-sans-serif,system-ui;color:#122321;background:#f5f7f6}body{align-items:center;display:flex;justify-content:center;margin:0;min-height:100vh}main{background:#fff;border:1px solid #dfe7e2;border-radius:16px;box-shadow:0 18px 50px #173c2a12;max-width:390px;padding:34px;width:calc(100% - 36px)}p{color:#517267;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}h1{font-size:1.55rem;margin:8px 0 28px}form{display:grid;gap:16px}label{color:#365148;display:grid;font-size:.85rem;font-weight:650;gap:7px}input{border:1px solid #b9cec3;border-radius:8px;font:inherit;padding:10px}button{background:#155b38;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px}output{color:#a4322b;min-height:1.2em}