*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:700px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 12px 30px #00000014;text-align:center}h1{margin-top:0;margin-bottom:12px}h2{margin-top:0}p{margin:8px 0;line-height:1.5}.info{margin:24px 0;padding:16px;background:#f8fafc;border-radius:12px;text-align:left}button{border:none;border-radius:10px;padding:12px 18px;background:#2563eb;color:#fff;font-size:14px;cursor:pointer}button:hover{opacity:.95}.query-box{margin-top:24px;padding:20px;background:#f8fafc;border-radius:12px;text-align:left}.query-controls{display:flex;gap:12px;margin:16px 0}.query-controls input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:14px}.results{margin-top:16px;display:grid;gap:12px}.result-card{padding:14px;border-radius:10px;background:#fff;border:1px solid #e5e7eb}.error{color:#b91c1c}