.category-section{max-width:1000px;margin:0 auto;padding:10px}.category-block{background-color:#292b3a;border-radius:30px;margin-bottom:12px;overflow:hidden;box-shadow:0 6px 16px #0003}.category-header{text-align:left;color:#f0f0f5;cursor:pointer;background:linear-gradient(135deg,#202020,#3b3b3b);border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:1.5rem;font-weight:700;display:flex}.category-header:hover{background-color:#2c2c44}.category-content{color:#ddd;background-color:#23243a;font-size:1rem;overflow:hidden}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{color:#2a2a2a;background:linear-gradient(145deg,#dde6ed,#a8bfc9,#ced9df);border-radius:12px;width:70%;height:70%;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #0006}.modal-content h2{margin-top:10px;margin-bottom:10px;font-size:1.1rem}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:10px}.modal-close:hover{color:red}@media (max-width:768px){.modal-content{width:85%;height:85%;padding:16px;font-size:.95rem}body.modal-open{touch-action:none;overflow:hidden}.modal-close{font-size:28px;top:6px;right:6px}.modal-content::-webkit-scrollbar{display:none}.modal-content{scrollbar-width:none;-ms-overflow-style:none}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:10px}}