:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#17223b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem}main{width:min(100%,25rem);background:#fff;padding:2.25rem;border-top:5px solid #174ea6;border-radius:.5rem;box-shadow:0 1rem 3rem #17223b1a}.mark{display:flex;gap:.4rem}.mark span{display:block;width:2.4rem;height:.35rem;background:#174ea6}.mark span+span{background:#c62828}h1{font-size:1.65rem;margin:1.25rem 0 .4rem}p{color:#536077;margin:.4rem 0 1.5rem}.error{color:#a21818;background:#fff1f1;padding:.75rem;border-left:3px solid #c62828}label{display:block;font-weight:650;margin-bottom:.4rem}input{width:100%;font:inherit;padding:.8rem;border:1px solid #aeb8c9;border-radius:.3rem}input:focus{outline:3px solid #174ea633;border-color:#174ea6}button{width:100%;margin-top:1rem;padding:.85rem;border:0;border-radius:.3rem;background:#174ea6;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#123e85}