*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#fafafa;color:#111}input{font-size:1rem;border:1px solid #ccc;border-radius:4px;padding:8px;width:100%;margin-top:4px}input:focus{outline:2px solid #0066cc;border-color:transparent}button{font-size:1rem;background:#06c;color:#fff;border:none;border-radius:4px;padding:10px 24px;cursor:pointer}button:hover:not(:disabled){background:#0052a3}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#c0392b;margin-top:8px}