:root{font-family:system-ui,Arial,sans-serif;color:#15263d;background:#f1f4f8}*{box-sizing:border-box}body{margin:0}.container{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;background:#112c50;color:#fff;padding:16px 24px;border-radius:12px}header h1{margin:0}small{font-size:.6em;font-weight:400}.panel{background:#fff;padding:24px;margin-top:20px;border-radius:12px;box-shadow:0 2px 12px #0001}form{display:grid;gap:14px;max-width:450px}label{display:grid;gap:6px}input{padding:11px;border:1px solid #b6c2d0;border-radius:7px;font:inherit}button{border:0;border-radius:7px;background:#205da0;color:#fff;padding:11px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}article{padding:16px;border:1px solid #ddd;border-radius:10px}.error{color:#9d1925;background:#ffebee;padding:12px;border-radius:8px}