.home{display:grid;grid-template-columns:repeat(10,1fr);gap:1rem;max-width:1500px;margin:2rem auto 1.5rem;padding:0 .5rem;background-color:#f5f5f5;min-height:60vh}.movie-card{background-color:#fff;color:#333;border-radius:12px;padding:.4rem .3rem .5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #0000001a;border:1px solid #e0e0e0;height:auto;min-height:unset;display:flex;flex-direction:column;justify-content:flex-start;max-width:140px;margin:0 auto}.movie-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.movie-card h3{font-size:.9rem;margin-bottom:.5rem;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#222}.movie-card img{display:block;margin:.5rem auto;max-width:80%;height:auto;border-radius:8px;transition:opacity .3s ease;background-color:#fff}.movie-card img:hover{opacity:.8}.movie-card p{font-size:.8rem;margin:.25rem 0;color:#666}.movie-card a.details-button{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-decoration:none;border-radius:6px;font-weight:700;font-size:.85rem;transition:background .3s ease,transform .2s ease;box-shadow:0 2px 4px #0000001a}.movie-card a.details-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 8px #0003}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}