#video-selection-tool{background:linear-gradient(116deg,rgb(255 255 255 / 41%) 0%,rgb(255 255 255 / 58%) 100%);border:2px solid #00C4D3;color:#fff;padding:30px 30px 30px 100px;border-radius:10px;font-family:Arial,sans-serif;max-width:1050px;margin:auto}#video-selection-tool h3{color:#00C4D3;font-weight:700}.video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;padding:0;margin:0}.video-list{list-style:none;padding:0;margin:20px 0}.video-option{display:flex;align-items:center;margin-bottom:10px;padding:0 15px;border-radius:5px;cursor:pointer;position:relative}.video-option input[type="checkbox"]{display:none}.video-option .checkmark{height:20px;width:20px;background-color:#fff0;border:2px solid #001e45;border-radius:3px;margin-right:10px;position:relative}.video-option input:checked+.checkmark::after{content:"✔";position:absolute;left:2px;top:-2px;color:#001e45;font-size:18px}.label-text{color:#fff}.summary{display:block;justify-content:space-between;margin:20px 0;text-align:center;font-weight:700;font-size:18px}.limit{color:#001e45;padding:10px 10px!important}.used span{color:#00C4D3;font-size:32px}#video-submit{background-color:#00C4D3;color:#001f3f;border:none;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;border-radius:6px;display:block;width:30%;margin:10px}.video-count{margin-left:auto;background:#001f3f;color:#00C4D3;border:1px solid #00C4D3;border-radius:4px;padding:3px 6px;padding:.2rem .8rem!important;width:12%!important;border:1px solid #00C4D3!important}#reset-form{background-color:#00C4D3;color:#001f3f;border:none;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;border-radius:6px;display:block;width:30%;margin:10px;text-transform:uppercase}#reset-form:hover{background-color:#013;color:#fff}#video-submit:hover{background-color:#013;color:#fff}#video-selection-tool{font-family:'Segoe UI',sans-serif;max-width:1000px;margin:auto;padding:20px}.month-year-selector{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.month-year-selector label{font-weight:700;color:#001e45;font-size:14px}.month-year-selector select{padding:10px 18px;border-radius:6px;border:1px solid #ccc;background-color:#f8f8f8;font-size:18px;color:#333;cursor:pointer;outline:none;transition:border-color 0.3s ease;position:relative;margin:10px 0}.month-year-selector select:hover{border-color:#999;background-color:#f0f0f0}.month-year-selector select:focus{border-color:#00bcd4;box-shadow:0 0 0 3px rgb(0 188 212 / .2)}