body{background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}*{box-sizing:border-box}.App{flex-direction:column;min-height:100vh;text-align:center}.App,header{display:flex}header{align-items:center;background-color:#000;border-bottom:1px solid #333;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}header h1{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:10px}button{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}button:hover{background-color:#555}main{margin:0 auto;max-width:1200px;padding:20px;width:100%}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding-bottom:50px}.card{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 6px #00000080;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card img{height:180px;object-fit:cover;width:100%}.card-content{padding:15px;text-align:left}.card-title{color:#fff;font-size:1rem;font-weight:700;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{color:#aaa;display:flex;font-size:.9rem;justify-content:space-between}
/*# sourceMappingURL=main.74418281.css.map*/