body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:linear-gradient(180deg,#0b0b0b,#1a1a1a);color:#e5e5e5;font-family:Inter,Arial,sans-serif;margin:0}.app,body{min-height:100vh}.app{align-items:center;display:flex;flex-direction:column;gap:32px;padding:40px 24px 48px}h1{color:#f5f5f5;font-size:2.8rem;font-weight:800;letter-spacing:1px;margin:0}.search{align-items:center;display:flex;gap:14px}.search input{background:#0f0f0f;border:1px solid #2e2e2e;border-radius:14px;color:#e5e5e5;font-size:16px;outline:none;padding:14px 18px;transition:border .25s ease,box-shadow .25s ease;width:320px}.search input::placeholder{color:#8a8a8a}.search input:focus{border-color:#6b6b6b;box-shadow:0 0 0 3px #ffffff14}.search button{background:#2a2a2a;border:none;border-radius:14px;color:#f5f5f5;cursor:pointer;font-size:15px;font-weight:600;padding:14px 22px;transition:background .25s ease,transform .25s ease}.search button:hover{background:#3a3a3a;transform:translateY(-2px)}.grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1400px;width:100%}.grid img{background:#050505;border-radius:20px;box-shadow:0 20px 45px #0009;height:260px;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease;width:100%}.grid img:hover{box-shadow:0 35px 80px #000000e6;transform:scale(1.08) translateY(-6px);z-index:2}.pagination{align-items:center;display:flex;gap:16px}.pagination button{background:#141414;border:1px solid #2e2e2e;border-radius:12px;color:#e5e5e5;cursor:pointer;font-size:14px;padding:12px 18px;transition:background .25s ease,transform .25s ease}.pagination button:hover:not(:disabled){background:#2a2a2a;transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#bdbdbd;font-size:15px}.loading{display:none}@media(max-width:600px){.search{flex-direction:column}.search,.search input{width:100%}h1{font-size:2.2rem}}
/*# sourceMappingURL=main.46e7ec83.css.map*/