#root,body,html{height:100%}body{font-family:Arial,sans-serif;margin:0}.srOnly{left:-9999px;position:absolute}.header{background-color:#263443;box-sizing:border-box;color:#fff;margin:0;padding:40px;text-align:center;width:100vw}.search-container{background-color:#2a3a4b;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.search-container input[type=text],.search-container select{border:1px solid #ccc;border-radius:4px;font-size:12px;outline:none;padding:10px}.search-container input[type=text]{background:#fff;color:#000;width:180px}.search-container select{background-color:#fff;color:#000}.search-container input[type=text]:focus,.search-container select:focus{border-color:#6fb3ff;box-shadow:0 0 0 3px #6eb3ff40}.message{background:#f8f8f8;color:#666;margin-top:6px;min-height:1.25rem;padding:6px 0;text-align:center}.message:empty{display:none}.movie-container{background-color:#f3f3f3;display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:0;padding:22px}.movie-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex:1 1 240px;flex-direction:column;gap:10px;height:520px;max-width:280px;padding:16px 14px;text-align:center;width:210px}.poster{aspect-ratio:2/3;background:#dfe6ee;border-radius:12px;overflow:hidden;width:100%}.poster img{display:block;height:100%;object-fit:cover;width:100%}.card-body{display:flex;flex-direction:column;gap:6px;width:100%}.title{color:#000;font-size:20px;font-weight:800;margin:2px 0 4px}.meta,.rating{color:#444;font-size:13px;margin:0}.pagination{align-items:center;background:#f3f3f3;display:flex;gap:16px;justify-content:center;padding:16px 0 24px}.pageBtn{-webkit-appearance:none;appearance:none;background:#5180d3;border:none;border-radius:8px;box-shadow:0 1px 0 #00000014,0 2px 8px #00000014;color:#fff;cursor:pointer;font-weight:300;padding:10px 18px;transition:transform .05s ease,filter .15s ease,opacity .15s ease}.pageBtn:hover{filter:brightness(.85)}.pageBtn:active{transform:translateY(1px)}.pageBtn:focus-visible{outline:3px solid #2f6fdd59;outline-offset:2px}.pageIndicator{color:#333;font-weight:300;letter-spacing:.2px;min-width:150px;text-align:center}
/*# sourceMappingURL=main.1bf61a19.css.map*/