body{margin:0;font-family:Segoe UI,sans-serif;background-color:#1b1c1e;color:#e0f7fa;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:90%;max-width:600px;background:#2c2f33;padding:2rem;border-radius:16px;box-shadow:0 0 30px #0009;text-align:center}h1{color:#bbdbdf;font-size:2.5rem;margin-bottom:.25rem}.subtitle{font-size:1.1rem;margin-bottom:2rem;color:#ccc}.search-form{display:flex;flex-direction:column;gap:1rem}select,input{padding:.6rem;font-size:1rem;border:none;border-radius:8px;background-color:#37474f;color:#fff}select:focus,input:focus{outline:2px solid #64ffda}button.Bind-Query{padding:.75rem;font-size:1rem;background-color:#00bcd4;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:background .3s ease}button.Bind-Query:disabled{background-color:#607d8b;cursor:not-allowed}button.Bind-Query:hover:enabled{background-color:#0097a7}.spinner{width:20px;height:20px;border:3px solid #fff;border-top:3px solid #00bcd4;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}