body{color:#222;background:#f3f3f3;margin:0;font-family:system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #ccc;align-items:center;gap:16px;padding:12px 24px;display:flex}header nav{flex:1}header hr,hr{display:none}a{color:#34506b}main{background:#fff;border:1px solid #ccc;border-radius:4px;max-width:480px;margin:32px auto;padding:24px}h1{margin-top:0;font-size:22px}label{display:block}input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #aaa;border-radius:4px;margin-top:4px;padding:8px;display:block}button{color:#fff;font:inherit;cursor:pointer;background:#34506b;border:1px solid #34506b;border-radius:4px;padding:8px 16px}button:disabled{opacity:.6;cursor:default}header button{color:#34506b;background:#fff}.error{color:#8a2c2c}.success{color:#2f5d3a}