*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#151527,#0b0b13);color:#fff;font-family:Segoe UI,system-ui,sans-serif}.home{padding:40px}.home-title{font-size:42px;font-weight:800;margin-bottom:25px;background:linear-gradient(90deg,#ff416c,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeDown .6s ease}.search-input{width:320px;padding:14px 20px;border-radius:30px;border:none;outline:none;font-size:16px;background:#1f1f2e;color:#fff;margin-bottom:35px;transition:all .3s ease}.search-input::placeholder{color:#aaa}.search-input:focus{box-shadow:0 0 0 2px #ff416c}.status-text{font-size:18px;color:#ccc}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px}.movie-link{text-decoration:none}.movie-card{background:linear-gradient(180deg,#1b1b2b,#141421);border-radius:18px;padding:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .35s ease;box-shadow:0 12px 30px #00000080}.movie-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.95));opacity:0;transition:opacity .3s ease}.movie-card:hover:after{opacity:1}.movie-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 45px #ff416c66}.movie-card img{width:100%;border-radius:14px;transition:transform .4s ease}.movie-card:hover img{transform:scale(1.1)}.movie-card h4{margin:14px 0 6px;text-align:center;font-size:16px;font-weight:600;color:#fff;position:relative;z-index:2}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 18px;border-radius:30px;cursor:pointer;font-size:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin-bottom:20px}.back-btn:hover{background:linear-gradient(90deg,#ff4d4d,#ff784e);box-shadow:0 10px 30px #ff4d4d66;transform:translate(-5px)}.back-btn{background:#ffffff14;color:#fff;border:none;padding:10px 18px;border-radius:25px;cursor:pointer;margin-bottom:25px;font-size:15px;transition:all .3s ease}.back-btn:hover{background:#ff4d4d;box-shadow:0 0 15px #ff4d4d99}.details-content{display:flex;gap:40px;align-items:flex-start}.details-poster{width:320px;max-width:100%;border-radius:18px;box-shadow:0 20px 40px #0009}.details-info h1{font-size:42px;margin-bottom:10px}.rating{font-size:18px;margin-bottom:8px}.date{font-size:15px;color:#bbb;margin-bottom:20px}.overview{max-width:600px;line-height:1.7;font-size:16px;color:#ddd}@media (max-width: 768px){.details-content{flex-direction:column;align-items:center}.details-info{text-align:center}.details-poster{width:260px}}.details-page{padding:30px;color:#fff}.details-content{display:flex;gap:40px;margin-top:20px}.details-poster{width:300px;border-radius:16px;box-shadow:0 20px 40px #0009}.details-info h1{font-size:36px;margin-bottom:10px}.rating{font-size:18px;color:gold;margin-bottom:10px}.overview{max-width:600px;line-height:1.6;color:#ddd}.back-btn{background:transparent;border:1px solid #444;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer}.trailer-btn{margin-top:20px;background:linear-gradient(90deg,#ff4d4d,#ff9f43);border:none;padding:12px 24px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;color:#000}.trailer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999}.trailer-modal{width:80%;max-width:900px;aspect-ratio:16 / 9}.trailer-modal iframe{width:100%;height:100%;border-radius:12px}