:root{--navy:#0f172a;--steel-600:#3d5177;--steel-500:#4f6890;--steel-300:#a3b4cb;--steel-200:#cdd6e3;--steel-100:#e9edf3;--steel-50:#f5f7fa;--accent:#006bb7;--accent-600:#005a9a;--accent-50:#eef6fc;--red:#b91c1c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;color:var(--navy);background:var(--steel-50);line-height:1.5}
header{background:#fff;border-bottom:1px solid var(--steel-200)}
.wrap{max-width:40rem;margin:0 auto;padding:0 1rem}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:4rem}
header img{height:2rem;width:auto}header a.back{font-size:.875rem;color:var(--steel-600);text-decoration:none}header a.back:hover{color:var(--accent)}
main{padding:2.5rem 0 4rem}
h1{font-size:1.75rem;margin:0 0 .5rem;letter-spacing:-.01em}.lead{margin:0 0 1.75rem;color:var(--steel-600)}
.card{background:#fff;border:1px solid var(--steel-200);border-radius:.75rem;padding:1.5rem}
.hint{background:var(--accent-50);border:1px solid #d6e9f7;border-radius:.5rem;padding:.875rem 1rem;font-size:.9rem;margin-bottom:1.25rem}
.hint strong{color:var(--accent-600)}
label{display:block;font-size:.875rem;font-weight:600;margin:1rem 0 .35rem}
input{display:block;width:100%;border:1px solid var(--steel-300);border-radius:.375rem;padding:.65rem .8rem;font:inherit;color:var(--navy)}
input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.row{display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}@media(max-width:480px){.row{grid-template-columns:1fr}}
.amount{position:relative}.amount span{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--steel-500)}.amount input{padding-left:1.6rem}
button{margin-top:1.5rem;width:100%;border:0;border-radius:.375rem;background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:.85rem 1rem;cursor:pointer}
button:hover{background:var(--accent-600)}button[disabled]{opacity:.6;cursor:wait}
.error{display:none;margin-top:1rem;color:var(--red);font-size:.9rem}.error.show{display:block}
.fine{margin-top:1.25rem;font-size:.8rem;color:var(--steel-500)}
footer{border-top:1px solid var(--steel-200);padding:1.5rem 0;font-size:.8rem;color:var(--steel-500)}footer a{color:inherit}
.status{text-align:center;padding:2rem 0}.status .mark{width:3.5rem;height:3.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1rem}
.ok .mark{background:#dcfce7;color:#166534}.no .mark{background:var(--steel-100);color:var(--steel-600)}
.btn-link{display:inline-block;margin-top:1.5rem;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:.75rem 1.25rem;border-radius:.375rem}