body{font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:20px}#title-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;padding:10px;border-radius:8px;margin:0 0 10px 0}h1{text-align:center;color:#FFFFFF;margin:0;flex:1;min-width:150px}.home-button{display:inline-block;padding:8px 14px;background-color:rgba(255,255,255,0.25);color:#FFFFFF;text-decoration:none;border-radius:6px;font-size:0.9rem;font-weight:600;border:1px solid rgba(255,255,255,0.6);white-space:nowrap;margin-left:auto}.home-button:hover{background-color:rgba(255,255,255,0.45)}@media (max-width:480px){.home-button{padding:6px 10px;font-size:0.8rem}}.mobile-home-wrap{display:none;text-align:center;margin:0 0 20px 0}.mobile-home-wrap .home-button{background-color:#eee;color:#333;border:1px solid #ccc}@media (max-width:768px){.home-desktop{display:none}.mobile-home-wrap{display:block}}#page-subtitle{text-align:center;color:#FFFFFF;padding:10px;border-radius:8px;margin:0 0 20px 0}.filter-container{text-align:center;margin:20px 0}.video-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}.video-card{width:356px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin:10px;transition:all 0.3s ease;border:3px solid transparent}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.2)}.video-thumbnail{width:100%;height:100%;object-fit:cover}select{padding:8px;border-radius:4px;border:1px solid #ccc}footer{text-align:center;margin-top:30px;color:#888}