@import"https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap";.movie-item{padding:20px;margin:10px;border:1px solid #333;border-radius:10px;background-color:#1e1e1e;box-shadow:0 2px 10px #00000080;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}.movie-item:hover{transform:translateY(-5px);box-shadow:0 4px 20px #000000b3}.movie-item h2,.movie-item h2 span{margin:0;font-size:24px;font-family:Gochi Hand,cursive}.movie-item h5{font-size:14px;color:#888;margin:0}.movie-item p{margin:5px 0;color:#e0e0e0;font-size:16px}.movie-item h4{font-size:18px;font-weight:300;color:#fcfafa;margin:0}.movie-item-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:auto}.action-link,.action-button{display:flex;align-items:center;justify-content:center;width:100px;text-align:center;margin:0 5px;text-decoration:none;background-color:#f0f0f0;color:#000;border:1px solid #ccc;border-radius:4px}.action-button{cursor:pointer}.movie-item-actions button:hover,.movie-item-actions a:hover{background-color:#f90303;color:#f4f0f0}.movie-item-actions a{display:inline-block}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#bb86fc}input:checked+.slider:before{transform:translate(26px)}.movie-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;padding:0 20px;width:100%;max-width:1200px}.movie-list .movie-item{flex:1 1 calc(100% - 40px);max-width:calc(100% - 40px)}@media (min-width: 480px){.movie-list .movie-item{flex:1 1 calc(50% - 40px);max-width:calc(50% - 40px)}}@media (min-width: 768px){.movie-list .movie-item{flex:1 1 calc(33.333% - 40px);max-width:calc(33.333% - 40px)}}@media (min-width: 1024px){.movie-list .movie-item{flex:1 1 calc(25% - 40px);max-width:calc(25% - 40px)}}.home-page{padding:20px;background-color:#121212;color:#e0e0e0}.home-page h1{text-align:center;font-size:40px;color:#fcfbfd}.home-page a{display:inline-block;margin:20px 0;padding:10px 20px;background-color:#fafafb;color:#121212;text-decoration:none;border-radius:5px;transition:background-color .3s;text-align:center}.home-page a:hover{background-color:#141414;color:#fff;border-radius:10px;border:1px solid #fafafb}form{display:flex;flex-direction:column;gap:15px;margin:20px auto;padding:20px;border:1px solid #333;border-radius:10px;background-color:#1e1e1e;box-shadow:0 2px 10px #00000080}form div{display:flex;flex-direction:column}label{font-weight:700;margin-bottom:5px;color:#bb86fc}input[type=text],input[type=number],textarea{padding:10px;border:1px solid #444;border-radius:5px;width:100%;box-sizing:border-box;font-size:16px;background-color:#2a2a2a;color:#e0e0e0;outline:none;transition:border-color .3s}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:#bb86fc}textarea{resize:vertical;min-height:100px}button{padding:10px 15px;border:none;border-radius:5px;background-color:#bb86fc;color:#121212;font-size:16px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#f7f6fb}.add-movie-page{padding:20px;text-align:center;background-color:#121212;color:#e0e0e0}.add-movie-page h1{margin-bottom:20px;font-size:32px;color:#bb86fc;font-family:Gochi Hand,cursive}.add-movie-page .form-container{max-width:600px;margin:0 auto;text-align:left;font-family:Gochi Hand,cursive}.edit-movie-page{padding:20px;text-align:center;background-color:#121212;color:#e0e0e0;font-family:Gochi Hand,cursive}.edit-movie-page h1{margin-bottom:20px;font-size:32px;color:#bb86fc;font-family:Gochi Hand,cursive}.form-container{max-width:600px;margin:0 auto;text-align:left}.star-rating{display:flex;gap:5px}.star-rating span{font-size:24px;cursor:pointer;color:#666;transition:color .3s}.star-rating span:hover,.star-rating span.active{color:#fc0}.review-form{display:flex;flex-direction:column;background-color:#1e1e1e;padding:20px;border-radius:10px;box-shadow:0 2px 10px #00000080}.review-form button:hover{background-color:#3700b3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#121212;color:#e0e0e0;margin:0;padding:0;-webkit-font-smoothing:antialiased}.container{--color-background: #1e1e1e;--color-background-input: #2a2a2a;--color-primary: #bb86fc;--color-primary-faded: #3700b3}.movie-detail-container{padding:20px;margin:20px auto;max-width:800px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 12px 24px -16px #00000080;transition:all .3s ease}.movie-detail-container:hover{box-shadow:0 12px 24px -8px #000000b3}.movie-detail-header{margin-bottom:20px;text-align:center}.movie-detail-header h1{font-size:32px;margin:0;color:#bb86fc;font-family:Gochi Hand,cursive}.movie-detail-info{margin-bottom:20px}.movie-detail-info p{margin:10px 0;color:#cfcfcf;font-size:16px}.movie-detail-info p span{font-weight:700;color:#bb86fc}.additional-details{margin-bottom:20px;padding:10px;background-color:#2a2a2a;border-radius:5px;box-shadow:0 4px 8px #00000080}.additional-details p{margin:8px 0;color:#cfcfcf;font-size:14px}.additional-details p span{font-weight:700;color:#bb86fc}.movie-detail-rating,.movie-detail-review{margin-bottom:20px}.movie-detail-rating h2,.movie-detail-review h2{font-size:24px;color:#bb86fc;margin-bottom:10px}.star-rating{margin-top:10px}.star-rating span{font-size:24px;cursor:pointer;color:#e0e0e0;transition:color .2s ease}.star-rating span:hover{color:#fc0}.review-form{margin-top:10px;display:flex;flex-direction:column}.review-form textarea{padding:10px;margin-bottom:10px;border:1px solid #444;border-radius:5px;font-size:16px;resize:vertical;background-color:#2a2a2a;color:#e0e0e0;transition:border-color .2s ease}.review-form textarea:focus{border-color:#bb86fc;outline:none}.review-form button{padding:10px;border:none;border-radius:5px;background-color:#bb86fc;color:#121212;font-size:16px;cursor:pointer;transition:background-color .3s}.review-form button:hover{background-color:#fbfafd}@media only screen and (max-width: 600px){.review-form textarea{font-size:14px}}